<template>
  <div>
    <div
      class="q-text qu-dynamicFontSize--regular qu-display--flex qu-px--large qu-pb--large qu-flexDirection--row"
      width="1072"
      style="
        box-sizing: initial;
        width: 1072px;
        margin-left: auto;
        margin-right: auto;
        padding-top: 30px;
        align-items: stretch;
      "
    >
      <!-- 左侧 -->
      <div class="q-box" width="142" style="width: 142px">
        <div
          class="q-box qu-overflowY--auto qu-overflowX--hidden qu-pb--medium qu-mx--n_medium false"
          height="calc(100vh - 80px)"
          style="
            height: calc(-80px + 100vh);
            position: sticky;
            top: 80px;
            --page-contents-layout-scroll-bar-color: rgba(0, 0, 0, 0.1);
          "
        >
          <div
            class="q-box qu-borderBottom qu-pt--small qu-pb--small"
            style="padding-left: 16px; padding-right: 16px"
          >
            <div class="q-flex qu-alignItems--center">
              <div class="q-box" style="flex: 1 1 0%">
                <div
                  class="q-text qu-dynamicFontSize--regular qu-medium qu-color--gray_dark qu-passColorToLinks"
                >
                  Questions
                </div>
              </div>
            </div>
          </div>
          <div class="q-box" role="list">
            <div
              v-for="(filter, index) in filters"
              :key="index"
              class="q-click-wrapper c1nud10e qu-borderRadius--small qu-mt--tiny qu-overflow--hidden qu-display--block qu-tapHighlight--none qu-cursor--pointer"
              style="
                font: inherit;
                padding: 0px;
                width: 100%;
                color: inherit;
                text-align: inherit;
              "
              @click="setActiveFilter(filter.value)"
            >
              <div
                class="q-box qu-pl--medium qu-pr--medium qu-hover--cursor--pointer qu-tapHighlight--none qu-display--flex qu-alignItems--center"
                :class="{
                  'qu-hover--bg--red_transparent': isActiveFilter(filter.value),
                  'qu-bg--red_transparent': isActiveFilter(filter.value),
                }"
                style="position: relative"
              >
                <div
                  class="q-flex qu-alignItems--center qu-py--tiny qu-flex--auto qu-overflow--hidden"
                >
                  <div class="q-box qu-flex--auto qu-overflow--hidden">
                    <div
                      class="q-text"
                      :class="{
                        'qu-color--red': isActiveFilter(filter.name),
                        'qu-medium': isActiveFilter(filter.name),
                        'qu-color--gray': !isActiveFilter(filter.name),
                      }"
                    >
                      <div class="q-text qu-dynamicFontSize--small">
                        {{ filter.name }}
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div
        class="q-box"
        width="572"
        id="mainContent"
        style="width: 572px; margin-left: 30px; flex-shrink: 0"
      >
        <div class="q-box dom_annotate_multifeed_write">
          <div>
            <div>
              <div
                class="q-box dom_annotate_multifeed_bundle_TopQuestionsForYouBundle qu-borderAll qu-borderColor--raised qu-boxShadow--small qu-mb--small qu-bg--raised"
                style="border-radius: 8px"
              >
                <div
                  class="q-box qu-borderBottom qu-py--small"
                  style="padding-left: 16px; padding-right: 16px"
                >
                  <div
                    class="q-flex qu-justifyContent--space-between qu-alignItems--center"
                    style="display: flex"
                  >
                    <div
                      class="q-flex qu-alignItems--center"
                      width="auto"
                      style="display: flex; width: auto"
                    >
                      <div class="q-inlineFlex" style="display: inline-flex">
                        <div
                          class="q-inlineFlex qu-overflow--hidden qu-borderRadius--small"
                          style="display: inline-flex; position: relative"
                        >
                          <div
                            class="q-flex qu-alignItems--center qu-justifyContent--center qu-bg--red qu-size--24"
                            size="24"
                            style="display: flex"
                          >
                            <span
                              class="q-inlineBlock qu-width--16 qu-height--16"
                              width="16"
                              height="16"
                              style="
                                display: inline-block;
                                flex-shrink: 0;
                                line-height: 16px;
                              "
                              ><span
                                class="c8lvhxo c1qi64n3 c1dm5z4q c13dhsxm"
                                style="
                                  width: 16px;
                                  height: 16px;
                                  --strokeColor: var(--q-colors-text-white);
                                  --fillColor: var(--q-colors-text-white);
                                  --strokeWidth: 2.1;
                                "
                                ><svg
                                  width="24"
                                  height="24"
                                  viewBox="0 0 24 24"
                                  xmlns="http://www.w3.org/2000/svg"
                                >
                                  <path
                                    d="m12 16.618-4.944 2.599L8 13.71 4 9.812l5.528-.803L12 4l2.472 5.01L20 9.811l-4 3.9.944 5.505z"
                                    class="icon_svg-stroke icon_svg-fill"
                                    stroke="#666"
                                    stroke-width="1.5"
                                    fill="none"
                                    stroke-linejoin="round"
                                  ></path></svg></span
                            ></span>
                          </div>
                        </div>
                      </div>
                      <div
                        class="q-text qu-dynamicFontSize--small qu-ml--small qu-color--gray"
                      >
                        <div class="q-text qu-passColorToLinks">
                          Questions for you
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div>
                  <div
                    class="q-box qu-borderBottom"
                    v-for="item in questionsList"
                    :key="item.id"
                  >
                    <list-item :item="item" />
                  </div>
                  <div class="q-box qu-py--tiny qu-textAlign--center">
                    <button
                      @click="handleMore"
                      class="q-click-wrapper b10gcu9l bobc9nh b1cg7ppz c1nud10e qu-active--bg--darken qu-borderRadius--pill qu-alignItems--center qu-justifyContent--center qu-whiteSpace--nowrap qu-userSelect--none qu-display--inline-flex qu-tapHighlight--white qu-textAlign--center qu-cursor--pointer qu-hover--bg--darken"
                      height="30"
                      role="button"
                      tabindex="0"
                      style="
                        font: inherit;
                        padding: 0px 10px;
                        transition-property: box-shadow, background-color;
                        transition-duration: 60ms;
                        transition-timing-function: ease-out;
                        height: 30px;
                        min-width: 30px;
                        position: relative;
                        border-width: 0px;
                        outline: none;
                        color: inherit;
                        background-color: transparent;
                      "
                    >
                      <div
                        class="q-flex qu-alignItems--center qu-justifyContent--center"
                        style="
                          display: flex;
                          max-width: 100%;
                          transition-property: opacity;
                          transition-duration: 60ms;
                          transition-timing-function: ease-in-out;
                        "
                      >
                        <div
                          class="q-text qu-display--inline-flex qu-alignItems--center qu-overflow--hidden puppeteer_test_button_text qu-medium qu-color--gray qu-ellipsis"
                          style="font-size: 13px"
                        >
                          <div
                            class="q-text qu-ellipsis qu-whiteSpace--nowrap"
                            style="line-height: normal"
                          >
                            More
                          </div>
                        </div>
                        <span
                          class="q-inlineBlock qu-width--16 qu-height--16 qu-ml--tiny"
                          width="16"
                          height="16"
                          style="
                            display: inline-block;
                            flex-shrink: 0;
                            line-height: 16px;
                          "
                          ><span
                            class="c8lvhxo c1qi64n3 c13dhsxm"
                            style="
                              width: 16px;
                              height: 16px;
                              --strokeColor: var(--q-colors-text-gray);
                              --fillColor: var(--q-colors-text-gray);
                              --strokeWidth: 2.1;
                            "
                            ><svg
                              width="24"
                              height="24"
                              viewBox="0 0 24 24"
                              xmlns="http://www.w3.org/2000/svg"
                            >
                              <path
                                d="m5 8.5 7 7 7.005-7"
                                class="icon_svg-stroke"
                                stroke="#666"
                                stroke-width="1.5"
                                fill="none"
                                stroke-linecap="round"
                              ></path></svg></span
                        ></span>
                      </div>
                    </button>
                  </div>
                </div>
                <div class="q-box qu-borderTop">
                  <div class="q-box">
                    <div class="q-relative" style="position: relative">
                      <div
                        class="q-box"
                        style="padding: 16px; position: relative"
                      >
                        <div
                          class="q-flex qu-justifyContent--space-between qu-alignItems--center"
                          style="display: flex"
                        >
                          <div class="q-box">
                            <h1
                              class="q-text qu-dynamicFontSize--regular qu-mb--small qu-fontWeight--bold qu-color--gray_dark_dim qu-passColorToLinks qu-lineHeight--regular qu-wordBreak--break-word"
                            >
                              <span
                                ><span class="c1tjc3o4"
                                  >Add 5 topics you know about</span
                                ></span
                              >
                            </h1>
                            <div
                              class="q-text qu-dynamicFontSize--small qu-color--gray"
                              style="margin-bottom: 12px"
                            >
                              You’ll get better questions if you add more
                              specific topics.
                            </div>
                            <div
                              class="q-flex qu-alignItems--center"
                              style="display: flex"
                            >
                              <button
                                class="q-click-wrapper b1l8alrs bobc9nh b1cg7ppz c1nud10e qu-active--textDecoration--none qu-focus--textDecoration--none qu-borderRadius--pill qu-alignItems--center qu-justifyContent--center qu-whiteSpace--nowrap qu-userSelect--none qu-display--inline-flex qu-tapHighlight--white qu-textAlign--center qu-cursor--pointer qu-hover--textDecoration--none qu-hover--bg--blue_light"
                                height="38"
                                role="button"
                                type="button"
                                tabindex="0"
                                style="
                                  font: inherit;
                                  padding: 0px 20px;
                                  transition-property: box-shadow,
                                    background-color;
                                  transition-duration: 60ms;
                                  transition-timing-function: ease-out;
                                  height: 38px;
                                  min-width: 38px;
                                  position: relative;
                                  box-shadow: rgb(46, 105, 255) 0px 0px 0px 1px
                                    inset;
                                  --button-hoverBg: blue_light;
                                  --button-activeBg: #d7e1ff;
                                  --button-innerShadow: inset 0 0 0 1px #2e69ff;
                                  border-width: 0px;
                                  outline: none;
                                  color: inherit;
                                  background-color: transparent;
                                "
                              >
                                <div
                                  class="q-flex qu-alignItems--center qu-justifyContent--center"
                                  style="
                                    display: flex;
                                    max-width: 100%;
                                    transition-property: opacity;
                                    transition-duration: 60ms;
                                    transition-timing-function: ease-in-out;
                                  "
                                >
                                  <div
                                    class="q-text qu-display--inline-flex qu-alignItems--center qu-overflow--hidden puppeteer_test_button_text qu-medium qu-color--blue"
                                    style="font-size: 14px"
                                  >
                                    <div
                                      class="q-text qu-ellipsis qu-whiteSpace--nowrap"
                                      style="line-height: normal"
                                    >
                                      Add topics
                                    </div>
                                  </div>
                                </div>
                              </button>
                            </div>
                          </div>
                          <img
                            class="q-image qu-p--small"
                            src="//qsf.fs.quoracdn.net/-4-ans_frontend_assets.images.static_about_page.light_mode.GatherAroundAQuestion_LM.png-26-a377318c55ce1d10.png"
                            height="100%"
                            width="120px"
                            style="max-width: 100%; height: 100%; width: 120px"
                          />
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div v-for="item in questionRelevanceList" :key="item.name">
              <div
                class="q-box dom_annotate_multifeed_bundle_QuestionsInTopicBundle qu-borderAll qu-borderColor--raised qu-boxShadow--small qu-mb--small qu-bg--raised"
                style="border-radius: 8px"
              >
                <div
                  class="q-box qu-borderBottom qu-py--small"
                  style="padding-left: 16px; padding-right: 16px"
                >
                  <div
                    class="q-flex qu-justifyContent--space-between qu-alignItems--center"
                    style="display: flex"
                  >
                    <div
                      class="q-flex qu-alignItems--center"
                      width="auto"
                      style="display: flex; width: auto"
                    >
                      <a
                        class="q-box qu-display--inline-flex qu-cursor--pointer qu-hover--textDecoration--underline b2c1r2a puppeteer_test_link"
                        href="#"
                        target="_blank"
                        style="border-radius: inherit"
                      >
                        <div
                          class="q-inlineFlex qu-flex--none"
                          style="display: inline-flex; position: relative"
                        >
                          <div
                            class="q-inlineFlex"
                            style="display: inline-flex; position: relative"
                          >
                            <div
                              class="q-inlineFlex qu-overflow--hidden qu-borderRadius--small"
                              style="display: inline-flex; position: relative"
                            >
                              <div
                                class="q-box qu-borderRadius--small"
                                style="position: absolute; inset: 1px"
                              ></div>
                              <img
                                class="q-image qu-display--block qu-size--24 qu-minWidth--24 qu-bg--white__ignore_dark_mode"
                                src="https://qph.cf2.quoracdn.net/main-thumb-t-3420-100-qYNPkBxgljj8NADLwUdVAJpwmgwXfOL1.jpeg"
                                size="24"
                                alt="Icon for Road Bicycles"
                                style="max-width: 100%; position: relative"
                              />
                              <div
                                class="q-box qu-borderRadius--small qu-borderAll qu-borderColor--darken"
                                style="position: absolute; inset: 0px"
                              ></div>
                              <div
                                class="q-absolute qu-fullX qu-fullY qu-borderAll qu-borderColor--darken qu-borderRadius--small avlofet"
                                style="position: absolute; z-index: 1"
                              ></div>
                            </div>
                          </div>
                        </div>
                      </a>
                      <div
                        class="q-text qu-dynamicFontSize--small qu-ml--small qu-color--gray"
                      >
                        <div class="q-text qu-passColorToLinks">
                          <a
                            class="q-box qu-cursor--pointer qu-hover--textDecoration--underline b2c1r2a puppeteer_test_link"
                            href="#"
                            target="_blank"
                            style="border-radius: inherit"
                          >
                            <div class="q-text qu-bold">
                              <span class="q-text qu-wordBreak--break-word"
                                ><span
                                  ><span>{{ item.name }}</span></span
                                ></span
                              >
                            </div>
                            <div
                              class="q-text qu-dynamicFontSize--small qu-color--gray qu-passColorToLinks"
                            >
                              {{ item.description }}
                            </div>
                          </a>
                        </div>
                      </div>
                    </div>
                    <div
                      class="q-inlineFlex qu-alignItems--flex-end i1k9lguw"
                      style="display: inline-flex"
                    >
                      <div class="q-box">
                        <div
                          class="q-relative puppeteer_popper_reference"
                          style="position: relative"
                        >
                          <button
                            class="q-click-wrapper puppeteer_test_overflow_menu b10gcu9l bobc9nh b1cg7ppz c1nud10e qu-active--bg--darken qu-borderRadius--pill qu-alignItems--center qu-justifyContent--center qu-whiteSpace--nowrap qu-userSelect--none qu-display--inline-flex qu-tapHighlight--white qu-textAlign--center qu-cursor--pointer qu-hover--bg--darken"
                            height="38"
                            role="button"
                            aria-haspopup="menu"
                            aria-expanded="false"
                            tabindex="0"
                            style="
                              font: inherit;
                              padding: 0px 6px;
                              transition-property: box-shadow, background-color;
                              transition-duration: 60ms;
                              transition-timing-function: ease-out;
                              height: 38px;
                              min-width: 38px;
                              position: relative;
                              border-width: 0px;
                              outline: none;
                              color: inherit;
                              background-color: transparent;
                            "
                          >
                            <div
                              class="q-flex qu-alignItems--center qu-justifyContent--center"
                              style="
                                display: flex;
                                max-width: 100%;
                                transition-property: opacity;
                                transition-duration: 60ms;
                                transition-timing-function: ease-in-out;
                              "
                            >
                              <div
                                class="q-box qu-display--inline-flex"
                                style="
                                  transition-property: transform;
                                  transition-timing-function: cubic-bezier(
                                    0.23,
                                    0.19,
                                    0.1,
                                    1.34
                                  );
                                  transition-delay: 0ms;
                                  transition-duration: 0ms;
                                "
                              >
                                <span
                                  class="q-inlineBlock qu-width--24 qu-height--24"
                                  width="24"
                                  height="24"
                                  aria-label="More"
                                  style="
                                    display: inline-block;
                                    flex-shrink: 0;
                                    line-height: 24px;
                                  "
                                  ><span
                                    class="c8lvhxo c1qi64n3 c13dhsxm"
                                    style="
                                      width: 24px;
                                      height: 24px;
                                      --strokeColor: var(--q-colors-text-gray);
                                      --fillColor: var(--q-colors-text-gray);
                                      --strokeWidth: 1.5;
                                    "
                                    ><svg
                                      width="24"
                                      height="24"
                                      viewBox="0 0 24 24"
                                      fill="none"
                                      xmlns="http://www.w3.org/2000/svg"
                                    >
                                      <path
                                        d="M11.25 11.25a1.06 1.06 0 1 0 1.5 1.5 1.06 1.06 0 0 0-1.5-1.5Zm-7 0a1.06 1.06 0 1 0 1.5 1.5 1.06 1.06 0 0 0-1.5-1.5Zm14 0a1.06 1.06 0 1 0 1.5 1.5 1.06 1.06 0 0 0-1.5-1.5Z"
                                        class="icon_svg-stroke"
                                        fill="#666"
                                        stroke="#666"
                                        stroke-width="1.5"
                                        stroke-linecap="round"
                                        stroke-linejoin="round"
                                      ></path></svg></span
                                ></span>
                              </div>
                            </div>
                          </button>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div>
                  <div
                    class="q-box qu-borderBottom"
                    v-for="question in item.list"
                    :key="question.id"
                  >
                    <list-item :item="question"></list-item>
                  </div>
                  <div
                    class="q-box qu-py--small qu-textAlign--center qu-mx--small"
                  >
                    <button
                      class="q-click-wrapper b10gcu9l bobc9nh b1cg7ppz c1nud10e qu-active--bg--darken qu-borderRadius--pill qu-alignItems--center qu-justifyContent--center qu-whiteSpace--nowrap qu-userSelect--none qu-display--flex qu-tapHighlight--white qu-textAlign--center qu-cursor--pointer qu-hover--bg--darken"
                      width="100%"
                      role="button"
                      tabindex="0"
                      style="
                        font: inherit;
                        padding: 0px 10px;
                        transition-property: box-shadow, background-color;
                        transition-duration: 60ms;
                        transition-timing-function: ease-out;
                        width: 100%;
                        min-width: 30px;
                        position: relative;
                        min-height: 30px;
                        border-width: 0px;
                        outline: none;
                        color: inherit;
                        background-color: transparent;
                      "
                    >
                      <div
                        class="q-flex qu-alignItems--center qu-justifyContent--space-between qu-textAlign--left"
                        width="100%"
                        style="
                          display: flex;
                          max-width: 100%;
                          transition-property: opacity;
                          transition-duration: 60ms;
                          transition-timing-function: ease-in-out;
                          width: 100%;
                        "
                      >
                        <div
                          class="q-text qu-display--inline-flex qu-alignItems--center qu-overflow--hidden puppeteer_test_button_text qu-medium qu-color--gray qu-ellipsis"
                          style="font-size: 13px"
                        >
                          <div class="q-text qu-whiteSpace--normal">
                            Get personalized AI questions about
                            <span class="q-text qu-wordBreak--break-word"
                              ><span
                                ><span>{{ item.name }}</span></span
                              ></span
                            >
                          </div>
                        </div>
                        <span
                          class="q-inlineBlock qu-width--16 qu-height--16 qu-ml--tiny"
                          width="16"
                          height="16"
                          style="
                            display: inline-block;
                            flex-shrink: 0;
                            line-height: 16px;
                          "
                          ><span
                            class="c8lvhxo c1qi64n3 c13dhsxm"
                            style="
                              width: 16px;
                              height: 16px;
                              --strokeColor: var(--q-colors-text-gray);
                              --fillColor: var(--q-colors-text-gray);
                              --strokeWidth: 2.1;
                            "
                            ><svg
                              width="24"
                              height="24"
                              viewBox="0 0 24 24"
                              xmlns="http://www.w3.org/2000/svg"
                            >
                              <path
                                d="m9 5 7 7-7 7.005"
                                class="icon_svg-stroke"
                                stroke="#666"
                                stroke-width="1.5"
                                fill="none"
                                stroke-linecap="round"
                              ></path></svg></span
                        ></span>
                      </div>
                    </button>
                  </div>
                </div>
              </div>
            </div>
            <!-- Discover new topics -->
            <!-- <div>
              <div
                class="q-box dom_annotate_multifeed_bundle_TopicSuggestionsBundle qu-borderAll qu-borderColor--raised qu-boxShadow--small qu-mb--small qu-bg--raised"
                style="border-radius: 8px"
              >
                <div class="q-box qu-pb--medium">
                  <div
                    class="q-box qu-py--small"
                    style="padding-left: 16px; padding-right: 16px"
                  >
                    <div
                      class="q-flex qu-justifyContent--space-between qu-alignItems--center"
                      style="display: flex"
                    >
                      <div
                        class="q-flex qu-alignItems--center"
                        width="auto"
                        style="display: flex; width: auto"
                      >
                        <div class="q-inlineFlex" style="display: inline-flex">
                          <div
                            class="q-inlineFlex qu-overflow--hidden qu-borderRadius--small"
                            style="display: inline-flex; position: relative"
                          >
                            <div
                              class="q-flex qu-alignItems--center qu-justifyContent--center qu-bg--red qu-size--24"
                              size="24"
                              style="display: flex"
                            >
                              <span
                                class="q-inlineBlock qu-width--16 qu-height--16"
                                width="16"
                                height="16"
                                style="
                                  display: inline-block;
                                  flex-shrink: 0;
                                  line-height: 16px;
                                "
                                ><span
                                  class="c8lvhxo c1qi64n3 c1dm5z4q c13dhsxm"
                                  style="
                                    width: 16px;
                                    height: 16px;
                                    --strokeColor: var(--q-colors-text-white);
                                    --fillColor: var(--q-colors-text-white);
                                    --strokeWidth: 2.1;
                                  "
                                  ><svg
                                    width="24"
                                    height="24"
                                    viewBox="0 0 24 24"
                                    fill="none"
                                    xmlns="http://www.w3.org/2000/svg"
                                  >
                                    <path
                                      class="icon_svg-fill_as_stroke"
                                      d="M20.7364 19.4633L18.9688 17.6952C20.2382 16.1439 21.0001 14.161 21.0001 12C21 7.02939 16.9705 3 12 3C7.02939 3 3 7.02939 3 12C3 16.9705 7.02948 20.9999 12 21C12.0114 21 12.0226 20.9996 12.0339 20.9996H20.0999C20.9016 20.9996 21.3032 20.0303 20.7364 19.4633ZM6.59998 12C6.59998 9.01765 9.01765 6.59998 12 6.59998C14.9823 6.59998 17.3999 9.01765 17.4 12C17.4 14.9823 14.9823 17.3999 12 17.3999C9.01765 17.4 6.59998 14.9823 6.59998 12Z"
                                      fill="#B92B27"
                                    ></path></svg></span
                              ></span>
                            </div>
                          </div>
                        </div>
                        <div
                          class="q-text qu-dynamicFontSize--small qu-ml--small qu-color--gray"
                        >
                          Discover new topics
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="q-flex qu-mx--small" style="display: flex">
                    <div
                      class="q-flex startGutter qu-mx--tiny qu-alignItems--center"
                      width="0"
                      style="display: flex; width: 0px"
                    ></div>
                    <ul
                      class="q-flex qu-overflowX--hidden"
                      style="
                        display: flex;
                        flex-shrink: 1;
                        scroll-behavior: smooth;
                      "
                    >
                      <div class="q-box">
                        <div class="q-box">
                          <div>
                            <li
                              class="q-click-wrapper c1nud10e c1do4mvu qu-borderAll qu-flex--none qu-borderRadius--medium qu-mr--small qu-display--inline-block qu-bg--raised qu-tapHighlight--white qu-cursor--pointer qu-hover--borderColor--gray_medium"
                              height="208"
                              width="160px"
                              tabindex="0"
                              style="
                                font: inherit;
                                padding: 0px;
                                transition-property: opacity;
                                transition-duration: 180ms;
                                transition-timing-function: ease-in-out;
                                position: relative;
                                height: 208px;
                                list-style: none;
                                width: 160px;
                                color: inherit;
                                text-align: inherit;
                              "
                            >
                              <div
                                class="q-flex qu-flexDirection--column qu-textAlign--center"
                                height="100%"
                                style="display: flex; height: 100%"
                              >
                                <div class="q-box qu-mt--small">
                                  <a
                                    class="q-box qu-display--inline-flex qu-cursor--pointer qu-hover--textDecoration--underline b2c1r2a puppeteer_test_link"
                                    href="https://www.quora.com/topic/Wireless-Routers"
                                    target="_blank"
                                    style="border-radius: inherit"
                                  >
                                    <div
                                      class="q-inlineFlex qu-flex--none"
                                      style="
                                        display: inline-flex;
                                        position: relative;
                                      "
                                    >
                                      <div
                                        class="q-inlineFlex"
                                        style="
                                          display: inline-flex;
                                          position: relative;
                                        "
                                      >
                                        <div
                                          class="q-inlineFlex qu-overflow--hidden qu-borderRadius--small"
                                          style="
                                            display: inline-flex;
                                            position: relative;
                                          "
                                        >
                                          <div
                                            class="q-box qu-borderRadius--small"
                                            style="
                                              position: absolute;
                                              inset: 1px;
                                            "
                                          ></div>
                                          <img
                                            class="q-image qu-display--block qu-size--60 qu-minWidth--60 qu-bg--white__ignore_dark_mode"
                                            src="https://qph.cf2.quoracdn.net/main-thumb-t-3267-100-Ov2Az7yJ49hSKpyLC871WDAJNHZ0krTX.jpeg"
                                            size="60"
                                            alt="Icon for Wireless Routers"
                                            style="
                                              max-width: 100%;
                                              position: relative;
                                            "
                                          />
                                          <div
                                            class="q-box qu-borderRadius--small qu-borderAll qu-borderColor--darken"
                                            style="
                                              position: absolute;
                                              inset: 0px;
                                            "
                                          ></div>
                                          <div
                                            class="q-absolute qu-fullX qu-fullY qu-borderAll qu-borderColor--darken qu-borderRadius--small avlofet"
                                            style="
                                              position: absolute;
                                              z-index: 1;
                                            "
                                          ></div>
                                        </div>
                                      </div>
                                    </div>
                                  </a>
                                </div>
                                <div
                                  class="q-box qu-pt--tiny qu-px--small qu-pb--small"
                                  style="min-height: 38px; flex-grow: 1"
                                >
                                  <div
                                    class="q-text qu-dynamicFontSize--small qu-bold qu-truncateLines--2"
                                  >
                                    <a
                                      class="q-box qu-cursor--pointer qu-hover--textDecoration--underline b2c1r2a puppeteer_test_link"
                                      href="https://www.quora.com/topic/Wireless-Routers"
                                      target="_blank"
                                      style="
                                        -webkit-tap-highlight-color: transparent;
                                        border-radius: inherit;
                                      "
                                      ><span
                                        class="q-text qu-wordBreak--break-word"
                                        ><span
                                          ><span>Wireless Routers</span></span
                                        ></span
                                      ></a
                                    >
                                  </div>
                                </div>
                                <div class="q-box" style="margin-top: auto">
                                  <div class="q-box qu-mb--small">
                                    <span
                                      class="q-box"
                                      style="
                                        margin-right: auto;
                                        pointer-events: auto;
                                      "
                                    >
                                      <div class="q-box">
                                        <button
                                          class="q-click-wrapper b1l8alrs bobc9nh b1cg7ppz c1nud10e qu-active--textDecoration--none qu-focus--textDecoration--none qu-borderRadius--pill qu-alignItems--center qu-justifyContent--center qu-whiteSpace--nowrap qu-userSelect--none qu-display--inline-flex qu-tapHighlight--white qu-textAlign--center qu-cursor--pointer qu-hover--textDecoration--none qu-hover--bg--blue_light"
                                          height="30"
                                          role="button"
                                          aria-pressed="false"
                                          type="button"
                                          tabindex="0"
                                          style="
                                            font: inherit;
                                            padding: 0px 10px;
                                            transition-property: box-shadow,
                                              background-color;
                                            transition-duration: 60ms;
                                            transition-timing-function: ease-out;
                                            height: 30px;
                                            min-width: 30px;
                                            position: relative;
                                            box-shadow: rgb(46, 105, 255) 0px
                                              0px 0px 1px inset;
                                            --button-hoverBg: blue_light;
                                            --button-activeBg: #d7e1ff;
                                            --button-innerShadow: inset 0 0 0
                                              1px #2e69ff;
                                            border-width: 0px;
                                            outline: none;
                                            color: inherit;
                                            background-color: transparent;
                                          "
                                        >
                                          <div
                                            class="q-flex qu-alignItems--center qu-justifyContent--center"
                                            style="
                                              display: flex;
                                              max-width: 100%;
                                              transition-property: opacity;
                                              transition-duration: 60ms;
                                              transition-timing-function: ease-in-out;
                                            "
                                          >
                                            <div
                                              class="q-box qu-display--inline-flex"
                                              style="
                                                transition-property: transform;
                                                transition-timing-function: cubic-bezier(
                                                  0.23,
                                                  0.19,
                                                  0.1,
                                                  1.34
                                                );
                                                transition-delay: 0ms;
                                                transition-duration: 0ms;
                                              "
                                            >
                                              <span
                                                class="q-inlineBlock qu-width--20 qu-height--20"
                                                width="20"
                                                height="20"
                                                style="
                                                  display: inline-block;
                                                  flex-shrink: 0;
                                                  line-height: 20px;
                                                "
                                                ><span
                                                  class="c8lvhxo c1qi64n3 c13dhsxm"
                                                  style="
                                                    width: 20px;
                                                    height: 20px;
                                                    --strokeColor: var(
                                                      --q-colors-text-blue
                                                    );
                                                    --fillColor: var(
                                                      --q-colors-text-blue
                                                    );
                                                    --strokeWidth: 1.8;
                                                  "
                                                  ><svg
                                                    width="24"
                                                    height="24"
                                                    viewBox="0 0 24 24"
                                                    xmlns="http://www.w3.org/2000/svg"
                                                  >
                                                    <path
                                                      d="M13.5 19.5h-6a3 3 0 0 1-3-3v-9a3 3 0 0 1 3-3h9a3 3 0 0 1 3 3v6M8 12.5v-4h4v4H8zM14.5 9H16h-1.5zm0 3H16h-1.5zM8 15.5h8-8zm9 4h5M19.5 17v5"
                                                      class="icon_svg-stroke"
                                                      stroke="#666"
                                                      stroke-width="1.5"
                                                      fill="none"
                                                      stroke-linecap="round"
                                                      stroke-linejoin="round"
                                                    ></path></svg></span
                                              ></span>
                                            </div>
                                            <div
                                              class="q-text qu-display--inline-flex qu-alignItems--center qu-overflow--hidden puppeteer_test_button_text qu-medium qu-color--blue qu-ml--tiny"
                                              style="font-size: 13px"
                                            >
                                              <div
                                                class="q-text qu-ellipsis qu-whiteSpace--nowrap"
                                                style="line-height: normal"
                                              >
                                                Follow
                                              </div>
                                              <div
                                                class="q-box qu-display--inline-block qu-mx--tiny"
                                                style="opacity: 0.5"
                                              >
                                                ·
                                              </div>
                                            </div>
                                            <div
                                              class="q-text qu-overflow--hidden qu-display--inline-flex qu-color--blue"
                                              style="
                                                position: relative;
                                                opacity: 0.8;
                                                flex-shrink: 0;
                                              "
                                            >
                                              <span
                                                class="q-text qu-visibility--hidden qu-display--inline-flex"
                                                style="
                                                  font-size: 13px;
                                                  opacity: 0;
                                                "
                                                >4K</span
                                              ><span
                                                class="q-text qu-whiteSpace--nowrap qu-display--inline-flex qu-alignItems--center qu-justifyContent--center"
                                                height="100%"
                                                style="
                                                  font-size: 13px;
                                                  position: absolute;
                                                  top: 0px;
                                                  left: 0px;
                                                  right: 0px;
                                                  height: 100%;
                                                  transition-property: transform,
                                                    opacity;
                                                  transition-duration: 250ms;
                                                  transition-timing-function: cubic-bezier(
                                                    0.25,
                                                    0.46,
                                                    0.45,
                                                    0.94
                                                  );
                                                  transition-delay: 0ms;
                                                "
                                                >4K</span
                                              >
                                            </div>
                                          </div>
                                        </button>
                                      </div>
                                    </span>
                                  </div>
                                </div>
                              </div>
                              <div
                                class="q-absolute"
                                style="position: absolute; right: 0px; top: 0px"
                              >
                                <span
                                  class="q-box"
                                  style="
                                    margin-right: auto;
                                    pointer-events: auto;
                                  "
                                >
                                  <div
                                    class="q-box qu-display--inline-block"
                                    tabindex="0"
                                    style="pointer-events: all"
                                  >
                                    <div
                                      class="q-relative puppeteer_popper_reference"
                                      style="position: relative"
                                    >
                                      <button
                                        class="q-click-wrapper b10gcu9l bobc9nh b1cg7ppz c1nud10e qu-active--bg--darken qu-borderRadius--pill qu-alignItems--center qu-justifyContent--center qu-whiteSpace--nowrap qu-userSelect--none qu-display--inline-flex qu-tapHighlight--white qu-textAlign--center qu-cursor--pointer qu-hover--bg--darken"
                                        height="38"
                                        role="button"
                                        aria-label="Hide this card"
                                        tabindex="0"
                                        style="
                                          font: inherit;
                                          padding: 0px 6px;
                                          transition-property: box-shadow,
                                            background-color;
                                          transition-duration: 60ms;
                                          transition-timing-function: ease-out;
                                          height: 38px;
                                          min-width: 38px;
                                          position: relative;
                                          border-width: 0px;
                                          outline: none;
                                          color: inherit;
                                          background-color: transparent;
                                        "
                                      >
                                        <div
                                          class="q-flex qu-alignItems--center qu-justifyContent--center"
                                          style="
                                            display: flex;
                                            max-width: 100%;
                                            transition-property: opacity;
                                            transition-duration: 60ms;
                                            transition-timing-function: ease-in-out;
                                          "
                                        >
                                          <div
                                            class="q-box qu-display--inline-flex"
                                            style="
                                              transition-property: transform;
                                              transition-timing-function: cubic-bezier(
                                                0.23,
                                                0.19,
                                                0.1,
                                                1.34
                                              );
                                              transition-delay: 0ms;
                                              transition-duration: 0ms;
                                            "
                                          >
                                            <span
                                              class="q-inlineBlock qu-width--24 qu-height--24"
                                              width="24"
                                              height="24"
                                              style="
                                                display: inline-block;
                                                flex-shrink: 0;
                                                line-height: 24px;
                                              "
                                              ><span
                                                class="c8lvhxo c1qi64n3 c13dhsxm"
                                                style="
                                                  width: 24px;
                                                  height: 24px;
                                                  --strokeColor: var(
                                                    --q-colors-text-gray
                                                  );
                                                  --fillColor: var(
                                                    --q-colors-text-gray
                                                  );
                                                  --strokeWidth: 1.5;
                                                "
                                                ><svg
                                                  width="24"
                                                  height="24"
                                                  viewBox="0 0 24 24"
                                                  xmlns="http://www.w3.org/2000/svg"
                                                >
                                                  <path
                                                    d="m16.243 7.757-8.486 8.486m8.486 0L7.757 7.757"
                                                    class="icon_svg-stroke"
                                                    fill="none"
                                                    fill-rule="evenodd"
                                                    stroke-linecap="round"
                                                    stroke="#666"
                                                    stroke-width="1.5"
                                                  ></path></svg></span
                                            ></span>
                                          </div>
                                        </div>
                                      </button>
                                    </div>
                                  </div>
                                </span>
                              </div>
                            </li>
                          </div>
                        </div>
                      </div>
                      <div class="q-box">
                        <div class="q-box">
                          <div>
                            <li
                              class="q-click-wrapper c1nud10e c1do4mvu qu-borderAll qu-flex--none qu-borderRadius--medium qu-mr--small qu-display--inline-block qu-bg--raised qu-tapHighlight--white qu-cursor--pointer qu-hover--borderColor--gray_medium"
                              height="208"
                              width="160px"
                              tabindex="0"
                              style="
                                font: inherit;
                                padding: 0px;
                                transition-property: opacity;
                                transition-duration: 180ms;
                                transition-timing-function: ease-in-out;
                                position: relative;
                                height: 208px;
                                list-style: none;
                                width: 160px;
                                color: inherit;
                                text-align: inherit;
                              "
                            >
                              <div
                                class="q-flex qu-flexDirection--column qu-textAlign--center"
                                height="100%"
                                style="display: flex; height: 100%"
                              >
                                <div class="q-box qu-mt--small">
                                  <a
                                    class="q-box qu-display--inline-flex qu-cursor--pointer qu-hover--textDecoration--underline b2c1r2a puppeteer_test_link"
                                    href="https://www.quora.com/topic/Mobile-Technology"
                                    target="_blank"
                                    style="border-radius: inherit"
                                  >
                                    <div
                                      class="q-inlineFlex qu-flex--none"
                                      style="
                                        display: inline-flex;
                                        position: relative;
                                      "
                                    >
                                      <div
                                        class="q-inlineFlex"
                                        style="
                                          display: inline-flex;
                                          position: relative;
                                        "
                                      >
                                        <div
                                          class="q-inlineFlex qu-overflow--hidden qu-borderRadius--small"
                                          style="
                                            display: inline-flex;
                                            position: relative;
                                          "
                                        >
                                          <div
                                            class="q-box qu-borderRadius--small"
                                            style="
                                              position: absolute;
                                              inset: 1px;
                                            "
                                          ></div>
                                          <img
                                            class="q-image qu-display--block qu-size--60 qu-minWidth--60 qu-bg--white__ignore_dark_mode"
                                            src="https://qph.cf2.quoracdn.net/main-thumb-t-40375-100-qguthmoqwdjzwyrxbdxiajedxdhtykkl.jpeg"
                                            size="60"
                                            alt="Icon for Mobile Technology"
                                            style="
                                              max-width: 100%;
                                              position: relative;
                                            "
                                          />
                                          <div
                                            class="q-box qu-borderRadius--small qu-borderAll qu-borderColor--darken"
                                            style="
                                              position: absolute;
                                              inset: 0px;
                                            "
                                          ></div>
                                          <div
                                            class="q-absolute qu-fullX qu-fullY qu-borderAll qu-borderColor--darken qu-borderRadius--small avlofet"
                                            style="
                                              position: absolute;
                                              z-index: 1;
                                            "
                                          ></div>
                                        </div>
                                      </div>
                                    </div>
                                  </a>
                                </div>
                                <div
                                  class="q-box qu-pt--tiny qu-px--small qu-pb--small"
                                  style="min-height: 38px; flex-grow: 1"
                                >
                                  <div
                                    class="q-text qu-dynamicFontSize--small qu-bold qu-truncateLines--2"
                                  >
                                    <a
                                      class="q-box qu-cursor--pointer qu-hover--textDecoration--underline b2c1r2a puppeteer_test_link"
                                      href="https://www.quora.com/topic/Mobile-Technology"
                                      target="_blank"
                                      style="
                                        -webkit-tap-highlight-color: transparent;
                                        border-radius: inherit;
                                      "
                                      ><span
                                        class="q-text qu-wordBreak--break-word"
                                        ><span
                                          ><span>Mobile Technology</span></span
                                        ></span
                                      ></a
                                    >
                                  </div>
                                </div>
                                <div class="q-box" style="margin-top: auto">
                                  <div class="q-box qu-mb--small">
                                    <span
                                      class="q-box"
                                      style="
                                        margin-right: auto;
                                        pointer-events: auto;
                                      "
                                    >
                                      <div class="q-box">
                                        <button
                                          class="q-click-wrapper b1l8alrs bobc9nh b1cg7ppz c1nud10e qu-active--textDecoration--none qu-focus--textDecoration--none qu-borderRadius--pill qu-alignItems--center qu-justifyContent--center qu-whiteSpace--nowrap qu-userSelect--none qu-display--inline-flex qu-tapHighlight--white qu-textAlign--center qu-cursor--pointer qu-hover--textDecoration--none qu-hover--bg--blue_light"
                                          height="30"
                                          role="button"
                                          aria-pressed="false"
                                          type="button"
                                          tabindex="0"
                                          style="
                                            font: inherit;
                                            padding: 0px 10px;
                                            transition-property: box-shadow,
                                              background-color;
                                            transition-duration: 60ms;
                                            transition-timing-function: ease-out;
                                            height: 30px;
                                            min-width: 30px;
                                            position: relative;
                                            box-shadow: rgb(46, 105, 255) 0px
                                              0px 0px 1px inset;
                                            --button-hoverBg: blue_light;
                                            --button-activeBg: #d7e1ff;
                                            --button-innerShadow: inset 0 0 0
                                              1px #2e69ff;
                                            border-width: 0px;
                                            outline: none;
                                            color: inherit;
                                            background-color: transparent;
                                          "
                                        >
                                          <div
                                            class="q-flex qu-alignItems--center qu-justifyContent--center"
                                            style="
                                              display: flex;
                                              max-width: 100%;
                                              transition-property: opacity;
                                              transition-duration: 60ms;
                                              transition-timing-function: ease-in-out;
                                            "
                                          >
                                            <div
                                              class="q-box qu-display--inline-flex"
                                              style="
                                                transition-property: transform;
                                                transition-timing-function: cubic-bezier(
                                                  0.23,
                                                  0.19,
                                                  0.1,
                                                  1.34
                                                );
                                                transition-delay: 0ms;
                                                transition-duration: 0ms;
                                              "
                                            >
                                              <span
                                                class="q-inlineBlock qu-width--20 qu-height--20"
                                                width="20"
                                                height="20"
                                                style="
                                                  display: inline-block;
                                                  flex-shrink: 0;
                                                  line-height: 20px;
                                                "
                                                ><span
                                                  class="c8lvhxo c1qi64n3 c13dhsxm"
                                                  style="
                                                    width: 20px;
                                                    height: 20px;
                                                    --strokeColor: var(
                                                      --q-colors-text-blue
                                                    );
                                                    --fillColor: var(
                                                      --q-colors-text-blue
                                                    );
                                                    --strokeWidth: 1.8;
                                                  "
                                                  ><svg
                                                    width="24"
                                                    height="24"
                                                    viewBox="0 0 24 24"
                                                    xmlns="http://www.w3.org/2000/svg"
                                                  >
                                                    <path
                                                      d="M13.5 19.5h-6a3 3 0 0 1-3-3v-9a3 3 0 0 1 3-3h9a3 3 0 0 1 3 3v6M8 12.5v-4h4v4H8zM14.5 9H16h-1.5zm0 3H16h-1.5zM8 15.5h8-8zm9 4h5M19.5 17v5"
                                                      class="icon_svg-stroke"
                                                      stroke="#666"
                                                      stroke-width="1.5"
                                                      fill="none"
                                                      stroke-linecap="round"
                                                      stroke-linejoin="round"
                                                    ></path></svg></span
                                              ></span>
                                            </div>
                                            <div
                                              class="q-text qu-display--inline-flex qu-alignItems--center qu-overflow--hidden puppeteer_test_button_text qu-medium qu-color--blue qu-ml--tiny"
                                              style="font-size: 13px"
                                            >
                                              <div
                                                class="q-text qu-ellipsis qu-whiteSpace--nowrap"
                                                style="line-height: normal"
                                              >
                                                Follow
                                              </div>
                                              <div
                                                class="q-box qu-display--inline-block qu-mx--tiny"
                                                style="opacity: 0.5"
                                              >
                                                ·
                                              </div>
                                            </div>
                                            <div
                                              class="q-text qu-overflow--hidden qu-display--inline-flex qu-color--blue"
                                              style="
                                                position: relative;
                                                opacity: 0.8;
                                                flex-shrink: 0;
                                              "
                                            >
                                              <span
                                                class="q-text qu-visibility--hidden qu-display--inline-flex"
                                                style="
                                                  font-size: 13px;
                                                  opacity: 0;
                                                "
                                                >10.9M</span
                                              ><span
                                                class="q-text qu-whiteSpace--nowrap qu-display--inline-flex qu-alignItems--center qu-justifyContent--center"
                                                height="100%"
                                                style="
                                                  font-size: 13px;
                                                  position: absolute;
                                                  top: 0px;
                                                  left: 0px;
                                                  right: 0px;
                                                  height: 100%;
                                                  transition-property: transform,
                                                    opacity;
                                                  transition-duration: 250ms;
                                                  transition-timing-function: cubic-bezier(
                                                    0.25,
                                                    0.46,
                                                    0.45,
                                                    0.94
                                                  );
                                                  transition-delay: 0ms;
                                                "
                                                >10.9M</span
                                              >
                                            </div>
                                          </div>
                                        </button>
                                      </div>
                                    </span>
                                  </div>
                                </div>
                              </div>
                              <div
                                class="q-absolute"
                                style="position: absolute; right: 0px; top: 0px"
                              >
                                <span
                                  class="q-box"
                                  style="
                                    margin-right: auto;
                                    pointer-events: auto;
                                  "
                                >
                                  <div
                                    class="q-box qu-display--inline-block"
                                    tabindex="0"
                                    style="pointer-events: all"
                                  >
                                    <div
                                      class="q-relative puppeteer_popper_reference"
                                      style="position: relative"
                                    >
                                      <button
                                        class="q-click-wrapper b10gcu9l bobc9nh b1cg7ppz c1nud10e qu-active--bg--darken qu-borderRadius--pill qu-alignItems--center qu-justifyContent--center qu-whiteSpace--nowrap qu-userSelect--none qu-display--inline-flex qu-tapHighlight--white qu-textAlign--center qu-cursor--pointer qu-hover--bg--darken"
                                        height="38"
                                        role="button"
                                        aria-label="Hide this card"
                                        tabindex="0"
                                        style="
                                          font: inherit;
                                          padding: 0px 6px;
                                          transition-property: box-shadow,
                                            background-color;
                                          transition-duration: 60ms;
                                          transition-timing-function: ease-out;
                                          height: 38px;
                                          min-width: 38px;
                                          position: relative;
                                          border-width: 0px;
                                          outline: none;
                                          color: inherit;
                                          background-color: transparent;
                                        "
                                      >
                                        <div
                                          class="q-flex qu-alignItems--center qu-justifyContent--center"
                                          style="
                                            display: flex;
                                            max-width: 100%;
                                            transition-property: opacity;
                                            transition-duration: 60ms;
                                            transition-timing-function: ease-in-out;
                                          "
                                        >
                                          <div
                                            class="q-box qu-display--inline-flex"
                                            style="
                                              transition-property: transform;
                                              transition-timing-function: cubic-bezier(
                                                0.23,
                                                0.19,
                                                0.1,
                                                1.34
                                              );
                                              transition-delay: 0ms;
                                              transition-duration: 0ms;
                                            "
                                          >
                                            <span
                                              class="q-inlineBlock qu-width--24 qu-height--24"
                                              width="24"
                                              height="24"
                                              style="
                                                display: inline-block;
                                                flex-shrink: 0;
                                                line-height: 24px;
                                              "
                                              ><span
                                                class="c8lvhxo c1qi64n3 c13dhsxm"
                                                style="
                                                  width: 24px;
                                                  height: 24px;
                                                  --strokeColor: var(
                                                    --q-colors-text-gray
                                                  );
                                                  --fillColor: var(
                                                    --q-colors-text-gray
                                                  );
                                                  --strokeWidth: 1.5;
                                                "
                                                ><svg
                                                  width="24"
                                                  height="24"
                                                  viewBox="0 0 24 24"
                                                  xmlns="http://www.w3.org/2000/svg"
                                                >
                                                  <path
                                                    d="m16.243 7.757-8.486 8.486m8.486 0L7.757 7.757"
                                                    class="icon_svg-stroke"
                                                    fill="none"
                                                    fill-rule="evenodd"
                                                    stroke-linecap="round"
                                                    stroke="#666"
                                                    stroke-width="1.5"
                                                  ></path></svg></span
                                            ></span>
                                          </div>
                                        </div>
                                      </button>
                                    </div>
                                  </div>
                                </span>
                              </div>
                            </li>
                          </div>
                        </div>
                      </div>
                      <div class="q-box">
                        <div class="q-box">
                          <div>
                            <li
                              class="q-click-wrapper c1nud10e c1do4mvu qu-borderAll qu-flex--none qu-borderRadius--medium qu-mr--small qu-display--inline-block qu-bg--raised qu-tapHighlight--white qu-cursor--pointer qu-hover--borderColor--gray_medium"
                              height="208"
                              width="160px"
                              tabindex="0"
                              style="
                                font: inherit;
                                padding: 0px;
                                transition-property: opacity;
                                transition-duration: 180ms;
                                transition-timing-function: ease-in-out;
                                position: relative;
                                height: 208px;
                                list-style: none;
                                width: 160px;
                                color: inherit;
                                text-align: inherit;
                              "
                            >
                              <div
                                class="q-flex qu-flexDirection--column qu-textAlign--center"
                                height="100%"
                                style="display: flex; height: 100%"
                              >
                                <div class="q-box qu-mt--small">
                                  <a
                                    class="q-box qu-display--inline-flex qu-cursor--pointer qu-hover--textDecoration--underline b2c1r2a puppeteer_test_link"
                                    href="https://www.quora.com/topic/Machine-Learning"
                                    target="_blank"
                                    style="border-radius: inherit"
                                  >
                                    <div
                                      class="q-inlineFlex qu-flex--none"
                                      style="
                                        display: inline-flex;
                                        position: relative;
                                      "
                                    >
                                      <div
                                        class="q-inlineFlex"
                                        style="
                                          display: inline-flex;
                                          position: relative;
                                        "
                                      >
                                        <div
                                          class="q-inlineFlex qu-overflow--hidden qu-borderRadius--small"
                                          style="
                                            display: inline-flex;
                                            position: relative;
                                          "
                                        >
                                          <div
                                            class="q-box qu-borderRadius--small"
                                            style="
                                              position: absolute;
                                              inset: 1px;
                                            "
                                          ></div>
                                          <img
                                            class="q-image qu-display--block qu-size--60 qu-minWidth--60 qu-bg--white__ignore_dark_mode"
                                            src="https://qph.cf2.quoracdn.net/main-thumb-t-948-100-kfdrdbxmzmijrndlcvxdftbghuzsjpmc.jpeg"
                                            size="60"
                                            alt="Icon for Machine Learning"
                                            style="
                                              max-width: 100%;
                                              position: relative;
                                            "
                                          />
                                          <div
                                            class="q-box qu-borderRadius--small qu-borderAll qu-borderColor--darken"
                                            style="
                                              position: absolute;
                                              inset: 0px;
                                            "
                                          ></div>
                                          <div
                                            class="q-absolute qu-fullX qu-fullY qu-borderAll qu-borderColor--darken qu-borderRadius--small avlofet"
                                            style="
                                              position: absolute;
                                              z-index: 1;
                                            "
                                          ></div>
                                        </div>
                                      </div>
                                    </div>
                                  </a>
                                </div>
                                <div
                                  class="q-box qu-pt--tiny qu-px--small qu-pb--small"
                                  style="min-height: 38px; flex-grow: 1"
                                >
                                  <div
                                    class="q-text qu-dynamicFontSize--small qu-bold qu-truncateLines--2"
                                  >
                                    <a
                                      class="q-box qu-cursor--pointer qu-hover--textDecoration--underline b2c1r2a puppeteer_test_link"
                                      href="https://www.quora.com/topic/Machine-Learning"
                                      target="_blank"
                                      style="
                                        -webkit-tap-highlight-color: transparent;
                                        border-radius: inherit;
                                      "
                                      ><span
                                        class="q-text qu-wordBreak--break-word"
                                        ><span
                                          ><span>Machine Learning</span></span
                                        ></span
                                      ></a
                                    >
                                  </div>
                                </div>
                                <div class="q-box" style="margin-top: auto">
                                  <div class="q-box qu-mb--small">
                                    <span
                                      class="q-box"
                                      style="
                                        margin-right: auto;
                                        pointer-events: auto;
                                      "
                                    >
                                      <div class="q-box">
                                        <button
                                          class="q-click-wrapper b1l8alrs bobc9nh b1cg7ppz c1nud10e qu-active--textDecoration--none qu-focus--textDecoration--none qu-borderRadius--pill qu-alignItems--center qu-justifyContent--center qu-whiteSpace--nowrap qu-userSelect--none qu-display--inline-flex qu-tapHighlight--white qu-textAlign--center qu-cursor--pointer qu-hover--textDecoration--none qu-hover--bg--blue_light"
                                          height="30"
                                          role="button"
                                          aria-pressed="false"
                                          type="button"
                                          tabindex="0"
                                          style="
                                            font: inherit;
                                            padding: 0px 10px;
                                            transition-property: box-shadow,
                                              background-color;
                                            transition-duration: 60ms;
                                            transition-timing-function: ease-out;
                                            height: 30px;
                                            min-width: 30px;
                                            position: relative;
                                            box-shadow: rgb(46, 105, 255) 0px
                                              0px 0px 1px inset;
                                            --button-hoverBg: blue_light;
                                            --button-activeBg: #d7e1ff;
                                            --button-innerShadow: inset 0 0 0
                                              1px #2e69ff;
                                            border-width: 0px;
                                            outline: none;
                                            color: inherit;
                                            background-color: transparent;
                                          "
                                        >
                                          <div
                                            class="q-flex qu-alignItems--center qu-justifyContent--center"
                                            style="
                                              display: flex;
                                              max-width: 100%;
                                              transition-property: opacity;
                                              transition-duration: 60ms;
                                              transition-timing-function: ease-in-out;
                                            "
                                          >
                                            <div
                                              class="q-box qu-display--inline-flex"
                                              style="
                                                transition-property: transform;
                                                transition-timing-function: cubic-bezier(
                                                  0.23,
                                                  0.19,
                                                  0.1,
                                                  1.34
                                                );
                                                transition-delay: 0ms;
                                                transition-duration: 0ms;
                                              "
                                            >
                                              <span
                                                class="q-inlineBlock qu-width--20 qu-height--20"
                                                width="20"
                                                height="20"
                                                style="
                                                  display: inline-block;
                                                  flex-shrink: 0;
                                                  line-height: 20px;
                                                "
                                                ><span
                                                  class="c8lvhxo c1qi64n3 c13dhsxm"
                                                  style="
                                                    width: 20px;
                                                    height: 20px;
                                                    --strokeColor: var(
                                                      --q-colors-text-blue
                                                    );
                                                    --fillColor: var(
                                                      --q-colors-text-blue
                                                    );
                                                    --strokeWidth: 1.8;
                                                  "
                                                  ><svg
                                                    width="24"
                                                    height="24"
                                                    viewBox="0 0 24 24"
                                                    xmlns="http://www.w3.org/2000/svg"
                                                  >
                                                    <path
                                                      d="M13.5 19.5h-6a3 3 0 0 1-3-3v-9a3 3 0 0 1 3-3h9a3 3 0 0 1 3 3v6M8 12.5v-4h4v4H8zM14.5 9H16h-1.5zm0 3H16h-1.5zM8 15.5h8-8zm9 4h5M19.5 17v5"
                                                      class="icon_svg-stroke"
                                                      stroke="#666"
                                                      stroke-width="1.5"
                                                      fill="none"
                                                      stroke-linecap="round"
                                                      stroke-linejoin="round"
                                                    ></path></svg></span
                                              ></span>
                                            </div>
                                            <div
                                              class="q-text qu-display--inline-flex qu-alignItems--center qu-overflow--hidden puppeteer_test_button_text qu-medium qu-color--blue qu-ml--tiny"
                                              style="font-size: 13px"
                                            >
                                              <div
                                                class="q-text qu-ellipsis qu-whiteSpace--nowrap"
                                                style="line-height: normal"
                                              >
                                                Follow
                                              </div>
                                              <div
                                                class="q-box qu-display--inline-block qu-mx--tiny"
                                                style="opacity: 0.5"
                                              >
                                                ·
                                              </div>
                                            </div>
                                            <div
                                              class="q-text qu-overflow--hidden qu-display--inline-flex qu-color--blue"
                                              style="
                                                position: relative;
                                                opacity: 0.8;
                                                flex-shrink: 0;
                                              "
                                            >
                                              <span
                                                class="q-text qu-visibility--hidden qu-display--inline-flex"
                                                style="
                                                  font-size: 13px;
                                                  opacity: 0;
                                                "
                                                >2.4M</span
                                              ><span
                                                class="q-text qu-whiteSpace--nowrap qu-display--inline-flex qu-alignItems--center qu-justifyContent--center"
                                                height="100%"
                                                style="
                                                  font-size: 13px;
                                                  position: absolute;
                                                  top: 0px;
                                                  left: 0px;
                                                  right: 0px;
                                                  height: 100%;
                                                  transition-property: transform,
                                                    opacity;
                                                  transition-duration: 250ms;
                                                  transition-timing-function: cubic-bezier(
                                                    0.25,
                                                    0.46,
                                                    0.45,
                                                    0.94
                                                  );
                                                  transition-delay: 0ms;
                                                "
                                                >2.4M</span
                                              >
                                            </div>
                                          </div>
                                        </button>
                                      </div>
                                    </span>
                                  </div>
                                </div>
                              </div>
                              <div
                                class="q-absolute"
                                style="position: absolute; right: 0px; top: 0px"
                              >
                                <span
                                  class="q-box"
                                  style="
                                    margin-right: auto;
                                    pointer-events: auto;
                                  "
                                >
                                  <div
                                    class="q-box qu-display--inline-block"
                                    tabindex="0"
                                    style="pointer-events: all"
                                  >
                                    <div
                                      class="q-relative puppeteer_popper_reference"
                                      style="position: relative"
                                    >
                                      <button
                                        class="q-click-wrapper b10gcu9l bobc9nh b1cg7ppz c1nud10e qu-active--bg--darken qu-borderRadius--pill qu-alignItems--center qu-justifyContent--center qu-whiteSpace--nowrap qu-userSelect--none qu-display--inline-flex qu-tapHighlight--white qu-textAlign--center qu-cursor--pointer qu-hover--bg--darken"
                                        height="38"
                                        role="button"
                                        aria-label="Hide this card"
                                        tabindex="0"
                                        style="
                                          font: inherit;
                                          padding: 0px 6px;
                                          transition-property: box-shadow,
                                            background-color;
                                          transition-duration: 60ms;
                                          transition-timing-function: ease-out;
                                          height: 38px;
                                          min-width: 38px;
                                          position: relative;
                                          border-width: 0px;
                                          outline: none;
                                          color: inherit;
                                          background-color: transparent;
                                        "
                                      >
                                        <div
                                          class="q-flex qu-alignItems--center qu-justifyContent--center"
                                          style="
                                            display: flex;
                                            max-width: 100%;
                                            transition-property: opacity;
                                            transition-duration: 60ms;
                                            transition-timing-function: ease-in-out;
                                          "
                                        >
                                          <div
                                            class="q-box qu-display--inline-flex"
                                            style="
                                              transition-property: transform;
                                              transition-timing-function: cubic-bezier(
                                                0.23,
                                                0.19,
                                                0.1,
                                                1.34
                                              );
                                              transition-delay: 0ms;
                                              transition-duration: 0ms;
                                            "
                                          >
                                            <span
                                              class="q-inlineBlock qu-width--24 qu-height--24"
                                              width="24"
                                              height="24"
                                              style="
                                                display: inline-block;
                                                flex-shrink: 0;
                                                line-height: 24px;
                                              "
                                              ><span
                                                class="c8lvhxo c1qi64n3 c13dhsxm"
                                                style="
                                                  width: 24px;
                                                  height: 24px;
                                                  --strokeColor: var(
                                                    --q-colors-text-gray
                                                  );
                                                  --fillColor: var(
                                                    --q-colors-text-gray
                                                  );
                                                  --strokeWidth: 1.5;
                                                "
                                                ><svg
                                                  width="24"
                                                  height="24"
                                                  viewBox="0 0 24 24"
                                                  xmlns="http://www.w3.org/2000/svg"
                                                >
                                                  <path
                                                    d="m16.243 7.757-8.486 8.486m8.486 0L7.757 7.757"
                                                    class="icon_svg-stroke"
                                                    fill="none"
                                                    fill-rule="evenodd"
                                                    stroke-linecap="round"
                                                    stroke="#666"
                                                    stroke-width="1.5"
                                                  ></path></svg></span
                                            ></span>
                                          </div>
                                        </div>
                                      </button>
                                    </div>
                                  </div>
                                </span>
                              </div>
                            </li>
                          </div>
                        </div>
                      </div>
                      <div class="q-box">
                        <div class="q-box">
                          <div>
                            <li
                              class="q-click-wrapper c1nud10e c1do4mvu qu-borderAll qu-flex--none qu-borderRadius--medium qu-mr--small qu-display--inline-block qu-bg--raised qu-tapHighlight--white qu-cursor--pointer qu-hover--borderColor--gray_medium"
                              height="208"
                              width="160px"
                              tabindex="0"
                              style="
                                font: inherit;
                                padding: 0px;
                                transition-property: opacity;
                                transition-duration: 180ms;
                                transition-timing-function: ease-in-out;
                                position: relative;
                                height: 208px;
                                list-style: none;
                                width: 160px;
                                color: inherit;
                                text-align: inherit;
                              "
                            >
                              <div
                                class="q-flex qu-flexDirection--column qu-textAlign--center"
                                height="100%"
                                style="display: flex; height: 100%"
                              >
                                <div class="q-box qu-mt--small">
                                  <a
                                    class="q-box qu-display--inline-flex qu-cursor--pointer qu-hover--textDecoration--underline b2c1r2a puppeteer_test_link"
                                    href="https://www.quora.com/topic/Mobile-Operating-Systems"
                                    target="_blank"
                                    style="border-radius: inherit"
                                  >
                                    <div
                                      class="q-inlineFlex qu-flex--none"
                                      style="
                                        display: inline-flex;
                                        position: relative;
                                      "
                                    >
                                      <div
                                        class="q-inlineFlex"
                                        style="
                                          display: inline-flex;
                                          position: relative;
                                        "
                                      >
                                        <div
                                          class="q-inlineFlex qu-overflow--hidden qu-borderRadius--small"
                                          style="
                                            display: inline-flex;
                                            position: relative;
                                          "
                                        >
                                          <div
                                            class="q-box qu-borderRadius--small"
                                            style="
                                              position: absolute;
                                              inset: 1px;
                                            "
                                          ></div>
                                          <img
                                            class="q-image qu-display--block qu-size--60 qu-minWidth--60 qu-bg--white__ignore_dark_mode"
                                            src="https://qph.cf2.quoracdn.net/main-thumb-t-9264-100-Xqjkn3B512HbXr1pRYUiWgpMEnf4pvK3.jpeg"
                                            size="60"
                                            alt="Icon for Mobile Operating Systems"
                                            style="
                                              max-width: 100%;
                                              position: relative;
                                            "
                                          />
                                          <div
                                            class="q-box qu-borderRadius--small qu-borderAll qu-borderColor--darken"
                                            style="
                                              position: absolute;
                                              inset: 0px;
                                            "
                                          ></div>
                                          <div
                                            class="q-absolute qu-fullX qu-fullY qu-borderAll qu-borderColor--darken qu-borderRadius--small avlofet"
                                            style="
                                              position: absolute;
                                              z-index: 1;
                                            "
                                          ></div>
                                        </div>
                                      </div>
                                    </div>
                                  </a>
                                </div>
                                <div
                                  class="q-box qu-pt--tiny qu-px--small qu-pb--small"
                                  style="min-height: 38px; flex-grow: 1"
                                >
                                  <div
                                    class="q-text qu-dynamicFontSize--small qu-bold qu-truncateLines--2"
                                  >
                                    <a
                                      class="q-box qu-cursor--pointer qu-hover--textDecoration--underline b2c1r2a puppeteer_test_link"
                                      href="https://www.quora.com/topic/Mobile-Operating-Systems"
                                      target="_blank"
                                      style="
                                        -webkit-tap-highlight-color: transparent;
                                        border-radius: inherit;
                                      "
                                      ><span
                                        class="q-text qu-wordBreak--break-word"
                                        ><span
                                          ><span
                                            >Mobile Operating Systems</span
                                          ></span
                                        ></span
                                      ></a
                                    >
                                  </div>
                                </div>
                                <div class="q-box" style="margin-top: auto">
                                  <div class="q-box qu-mb--small">
                                    <span
                                      class="q-box"
                                      style="
                                        margin-right: auto;
                                        pointer-events: auto;
                                      "
                                    >
                                      <div class="q-box">
                                        <button
                                          class="q-click-wrapper b1l8alrs bobc9nh b1cg7ppz c1nud10e qu-active--textDecoration--none qu-focus--textDecoration--none qu-borderRadius--pill qu-alignItems--center qu-justifyContent--center qu-whiteSpace--nowrap qu-userSelect--none qu-display--inline-flex qu-tapHighlight--white qu-textAlign--center qu-cursor--pointer qu-hover--textDecoration--none qu-hover--bg--blue_light"
                                          height="30"
                                          role="button"
                                          aria-pressed="false"
                                          type="button"
                                          tabindex="0"
                                          style="
                                            font: inherit;
                                            padding: 0px 10px;
                                            transition-property: box-shadow,
                                              background-color;
                                            transition-duration: 60ms;
                                            transition-timing-function: ease-out;
                                            height: 30px;
                                            min-width: 30px;
                                            position: relative;
                                            box-shadow: rgb(46, 105, 255) 0px
                                              0px 0px 1px inset;
                                            --button-hoverBg: blue_light;
                                            --button-activeBg: #d7e1ff;
                                            --button-innerShadow: inset 0 0 0
                                              1px #2e69ff;
                                            border-width: 0px;
                                            outline: none;
                                            color: inherit;
                                            background-color: transparent;
                                          "
                                        >
                                          <div
                                            class="q-flex qu-alignItems--center qu-justifyContent--center"
                                            style="
                                              display: flex;
                                              max-width: 100%;
                                              transition-property: opacity;
                                              transition-duration: 60ms;
                                              transition-timing-function: ease-in-out;
                                            "
                                          >
                                            <div
                                              class="q-box qu-display--inline-flex"
                                              style="
                                                transition-property: transform;
                                                transition-timing-function: cubic-bezier(
                                                  0.23,
                                                  0.19,
                                                  0.1,
                                                  1.34
                                                );
                                                transition-delay: 0ms;
                                                transition-duration: 0ms;
                                              "
                                            >
                                              <span
                                                class="q-inlineBlock qu-width--20 qu-height--20"
                                                width="20"
                                                height="20"
                                                style="
                                                  display: inline-block;
                                                  flex-shrink: 0;
                                                  line-height: 20px;
                                                "
                                                ><span
                                                  class="c8lvhxo c1qi64n3 c13dhsxm"
                                                  style="
                                                    width: 20px;
                                                    height: 20px;
                                                    --strokeColor: var(
                                                      --q-colors-text-blue
                                                    );
                                                    --fillColor: var(
                                                      --q-colors-text-blue
                                                    );
                                                    --strokeWidth: 1.8;
                                                  "
                                                  ><svg
                                                    width="24"
                                                    height="24"
                                                    viewBox="0 0 24 24"
                                                    xmlns="http://www.w3.org/2000/svg"
                                                  >
                                                    <path
                                                      d="M13.5 19.5h-6a3 3 0 0 1-3-3v-9a3 3 0 0 1 3-3h9a3 3 0 0 1 3 3v6M8 12.5v-4h4v4H8zM14.5 9H16h-1.5zm0 3H16h-1.5zM8 15.5h8-8zm9 4h5M19.5 17v5"
                                                      class="icon_svg-stroke"
                                                      stroke="#666"
                                                      stroke-width="1.5"
                                                      fill="none"
                                                      stroke-linecap="round"
                                                      stroke-linejoin="round"
                                                    ></path></svg></span
                                              ></span>
                                            </div>
                                            <div
                                              class="q-text qu-display--inline-flex qu-alignItems--center qu-overflow--hidden puppeteer_test_button_text qu-medium qu-color--blue qu-ml--tiny"
                                              style="font-size: 13px"
                                            >
                                              <div
                                                class="q-text qu-ellipsis qu-whiteSpace--nowrap"
                                                style="line-height: normal"
                                              >
                                                Follow
                                              </div>
                                              <div
                                                class="q-box qu-display--inline-block qu-mx--tiny"
                                                style="opacity: 0.5"
                                              >
                                                ·
                                              </div>
                                            </div>
                                            <div
                                              class="q-text qu-overflow--hidden qu-display--inline-flex qu-color--blue"
                                              style="
                                                position: relative;
                                                opacity: 0.8;
                                                flex-shrink: 0;
                                              "
                                            >
                                              <span
                                                class="q-text qu-visibility--hidden qu-display--inline-flex"
                                                style="
                                                  font-size: 13px;
                                                  opacity: 0;
                                                "
                                                >245.9K</span
                                              ><span
                                                class="q-text qu-whiteSpace--nowrap qu-display--inline-flex qu-alignItems--center qu-justifyContent--center"
                                                height="100%"
                                                style="
                                                  font-size: 13px;
                                                  position: absolute;
                                                  top: 0px;
                                                  left: 0px;
                                                  right: 0px;
                                                  height: 100%;
                                                  transition-property: transform,
                                                    opacity;
                                                  transition-duration: 250ms;
                                                  transition-timing-function: cubic-bezier(
                                                    0.25,
                                                    0.46,
                                                    0.45,
                                                    0.94
                                                  );
                                                  transition-delay: 0ms;
                                                "
                                                >245.9K</span
                                              >
                                            </div>
                                          </div>
                                        </button>
                                      </div>
                                    </span>
                                  </div>
                                </div>
                              </div>
                              <div
                                class="q-absolute"
                                style="position: absolute; right: 0px; top: 0px"
                              >
                                <span
                                  class="q-box"
                                  style="
                                    margin-right: auto;
                                    pointer-events: auto;
                                  "
                                >
                                  <div
                                    class="q-box qu-display--inline-block"
                                    tabindex="0"
                                    style="pointer-events: all"
                                  >
                                    <div
                                      class="q-relative puppeteer_popper_reference"
                                      style="position: relative"
                                    >
                                      <button
                                        class="q-click-wrapper b10gcu9l bobc9nh b1cg7ppz c1nud10e qu-active--bg--darken qu-borderRadius--pill qu-alignItems--center qu-justifyContent--center qu-whiteSpace--nowrap qu-userSelect--none qu-display--inline-flex qu-tapHighlight--white qu-textAlign--center qu-cursor--pointer qu-hover--bg--darken"
                                        height="38"
                                        role="button"
                                        aria-label="Hide this card"
                                        tabindex="0"
                                        style="
                                          font: inherit;
                                          padding: 0px 6px;
                                          transition-property: box-shadow,
                                            background-color;
                                          transition-duration: 60ms;
                                          transition-timing-function: ease-out;
                                          height: 38px;
                                          min-width: 38px;
                                          position: relative;
                                          border-width: 0px;
                                          outline: none;
                                          color: inherit;
                                          background-color: transparent;
                                        "
                                      >
                                        <div
                                          class="q-flex qu-alignItems--center qu-justifyContent--center"
                                          style="
                                            display: flex;
                                            max-width: 100%;
                                            transition-property: opacity;
                                            transition-duration: 60ms;
                                            transition-timing-function: ease-in-out;
                                          "
                                        >
                                          <div
                                            class="q-box qu-display--inline-flex"
                                            style="
                                              transition-property: transform;
                                              transition-timing-function: cubic-bezier(
                                                0.23,
                                                0.19,
                                                0.1,
                                                1.34
                                              );
                                              transition-delay: 0ms;
                                              transition-duration: 0ms;
                                            "
                                          >
                                            <span
                                              class="q-inlineBlock qu-width--24 qu-height--24"
                                              width="24"
                                              height="24"
                                              style="
                                                display: inline-block;
                                                flex-shrink: 0;
                                                line-height: 24px;
                                              "
                                              ><span
                                                class="c8lvhxo c1qi64n3 c13dhsxm"
                                                style="
                                                  width: 24px;
                                                  height: 24px;
                                                  --strokeColor: var(
                                                    --q-colors-text-gray
                                                  );
                                                  --fillColor: var(
                                                    --q-colors-text-gray
                                                  );
                                                  --strokeWidth: 1.5;
                                                "
                                                ><svg
                                                  width="24"
                                                  height="24"
                                                  viewBox="0 0 24 24"
                                                  xmlns="http://www.w3.org/2000/svg"
                                                >
                                                  <path
                                                    d="m16.243 7.757-8.486 8.486m8.486 0L7.757 7.757"
                                                    class="icon_svg-stroke"
                                                    fill="none"
                                                    fill-rule="evenodd"
                                                    stroke-linecap="round"
                                                    stroke="#666"
                                                    stroke-width="1.5"
                                                  ></path></svg></span
                                            ></span>
                                          </div>
                                        </div>
                                      </button>
                                    </div>
                                  </div>
                                </span>
                              </div>
                            </li>
                          </div>
                        </div>
                      </div>
                      <div class="q-box">
                        <div class="q-box">
                          <div>
                            <li
                              class="q-click-wrapper c1nud10e c1do4mvu qu-borderAll qu-flex--none qu-borderRadius--medium qu-mr--small qu-display--inline-block qu-bg--raised qu-tapHighlight--white qu-cursor--pointer qu-hover--borderColor--gray_medium"
                              height="208"
                              width="160px"
                              tabindex="0"
                              style="
                                font: inherit;
                                padding: 0px;
                                transition-property: opacity;
                                transition-duration: 180ms;
                                transition-timing-function: ease-in-out;
                                position: relative;
                                height: 208px;
                                list-style: none;
                                width: 160px;
                                color: inherit;
                                text-align: inherit;
                              "
                            >
                              <div
                                class="q-flex qu-flexDirection--column qu-textAlign--center"
                                height="100%"
                                style="display: flex; height: 100%"
                              >
                                <div class="q-box qu-mt--small">
                                  <a
                                    class="q-box qu-display--inline-flex qu-cursor--pointer qu-hover--textDecoration--underline b2c1r2a puppeteer_test_link"
                                    href="https://www.quora.com/topic/Mobile-Applications"
                                    target="_blank"
                                    style="border-radius: inherit"
                                  >
                                    <div
                                      class="q-inlineFlex qu-flex--none"
                                      style="
                                        display: inline-flex;
                                        position: relative;
                                      "
                                    >
                                      <div
                                        class="q-inlineFlex"
                                        style="
                                          display: inline-flex;
                                          position: relative;
                                        "
                                      >
                                        <div
                                          class="q-inlineFlex qu-overflow--hidden qu-borderRadius--small"
                                          style="
                                            display: inline-flex;
                                            position: relative;
                                          "
                                        >
                                          <div
                                            class="q-box qu-borderRadius--small"
                                            style="
                                              position: absolute;
                                              inset: 1px;
                                            "
                                          ></div>
                                          <img
                                            class="q-image qu-display--block qu-size--60 qu-minWidth--60 qu-bg--white__ignore_dark_mode"
                                            src="https://qph.cf2.quoracdn.net/main-thumb-t-4401-100-ujeijwoyjzehsarbtxjpevuundcsuefq.jpeg"
                                            size="60"
                                            alt="Icon for Mobile Applications"
                                            style="
                                              max-width: 100%;
                                              position: relative;
                                            "
                                          />
                                          <div
                                            class="q-box qu-borderRadius--small qu-borderAll qu-borderColor--darken"
                                            style="
                                              position: absolute;
                                              inset: 0px;
                                            "
                                          ></div>
                                          <div
                                            class="q-absolute qu-fullX qu-fullY qu-borderAll qu-borderColor--darken qu-borderRadius--small avlofet"
                                            style="
                                              position: absolute;
                                              z-index: 1;
                                            "
                                          ></div>
                                        </div>
                                      </div>
                                    </div>
                                  </a>
                                </div>
                                <div
                                  class="q-box qu-pt--tiny qu-px--small qu-pb--small"
                                  style="min-height: 38px; flex-grow: 1"
                                >
                                  <div
                                    class="q-text qu-dynamicFontSize--small qu-bold qu-truncateLines--2"
                                  >
                                    <a
                                      class="q-box qu-cursor--pointer qu-hover--textDecoration--underline b2c1r2a puppeteer_test_link"
                                      href="https://www.quora.com/topic/Mobile-Applications"
                                      target="_blank"
                                      style="
                                        -webkit-tap-highlight-color: transparent;
                                        border-radius: inherit;
                                      "
                                      ><span
                                        class="q-text qu-wordBreak--break-word"
                                        ><span
                                          ><span
                                            >Mobile Applications</span
                                          ></span
                                        ></span
                                      ></a
                                    >
                                  </div>
                                </div>
                                <div class="q-box" style="margin-top: auto">
                                  <div class="q-box qu-mb--small">
                                    <span
                                      class="q-box"
                                      style="
                                        margin-right: auto;
                                        pointer-events: auto;
                                      "
                                    >
                                      <div class="q-box">
                                        <button
                                          class="q-click-wrapper b1l8alrs bobc9nh b1cg7ppz c1nud10e qu-active--textDecoration--none qu-focus--textDecoration--none qu-borderRadius--pill qu-alignItems--center qu-justifyContent--center qu-whiteSpace--nowrap qu-userSelect--none qu-display--inline-flex qu-tapHighlight--white qu-textAlign--center qu-cursor--pointer qu-hover--textDecoration--none qu-hover--bg--blue_light"
                                          height="30"
                                          role="button"
                                          aria-pressed="false"
                                          type="button"
                                          tabindex="0"
                                          style="
                                            font: inherit;
                                            padding: 0px 10px;
                                            transition-property: box-shadow,
                                              background-color;
                                            transition-duration: 60ms;
                                            transition-timing-function: ease-out;
                                            height: 30px;
                                            min-width: 30px;
                                            position: relative;
                                            box-shadow: rgb(46, 105, 255) 0px
                                              0px 0px 1px inset;
                                            --button-hoverBg: blue_light;
                                            --button-activeBg: #d7e1ff;
                                            --button-innerShadow: inset 0 0 0
                                              1px #2e69ff;
                                            border-width: 0px;
                                            outline: none;
                                            color: inherit;
                                            background-color: transparent;
                                          "
                                        >
                                          <div
                                            class="q-flex qu-alignItems--center qu-justifyContent--center"
                                            style="
                                              display: flex;
                                              max-width: 100%;
                                              transition-property: opacity;
                                              transition-duration: 60ms;
                                              transition-timing-function: ease-in-out;
                                            "
                                          >
                                            <div
                                              class="q-box qu-display--inline-flex"
                                              style="
                                                transition-property: transform;
                                                transition-timing-function: cubic-bezier(
                                                  0.23,
                                                  0.19,
                                                  0.1,
                                                  1.34
                                                );
                                                transition-delay: 0ms;
                                                transition-duration: 0ms;
                                              "
                                            >
                                              <span
                                                class="q-inlineBlock qu-width--20 qu-height--20"
                                                width="20"
                                                height="20"
                                                style="
                                                  display: inline-block;
                                                  flex-shrink: 0;
                                                  line-height: 20px;
                                                "
                                                ><span
                                                  class="c8lvhxo c1qi64n3 c13dhsxm"
                                                  style="
                                                    width: 20px;
                                                    height: 20px;
                                                    --strokeColor: var(
                                                      --q-colors-text-blue
                                                    );
                                                    --fillColor: var(
                                                      --q-colors-text-blue
                                                    );
                                                    --strokeWidth: 1.8;
                                                  "
                                                  ><svg
                                                    width="24"
                                                    height="24"
                                                    viewBox="0 0 24 24"
                                                    xmlns="http://www.w3.org/2000/svg"
                                                  >
                                                    <path
                                                      d="M13.5 19.5h-6a3 3 0 0 1-3-3v-9a3 3 0 0 1 3-3h9a3 3 0 0 1 3 3v6M8 12.5v-4h4v4H8zM14.5 9H16h-1.5zm0 3H16h-1.5zM8 15.5h8-8zm9 4h5M19.5 17v5"
                                                      class="icon_svg-stroke"
                                                      stroke="#666"
                                                      stroke-width="1.5"
                                                      fill="none"
                                                      stroke-linecap="round"
                                                      stroke-linejoin="round"
                                                    ></path></svg></span
                                              ></span>
                                            </div>
                                            <div
                                              class="q-text qu-display--inline-flex qu-alignItems--center qu-overflow--hidden puppeteer_test_button_text qu-medium qu-color--blue qu-ml--tiny"
                                              style="font-size: 13px"
                                            >
                                              <div
                                                class="q-text qu-ellipsis qu-whiteSpace--nowrap"
                                                style="line-height: normal"
                                              >
                                                Follow
                                              </div>
                                              <div
                                                class="q-box qu-display--inline-block qu-mx--tiny"
                                                style="opacity: 0.5"
                                              >
                                                ·
                                              </div>
                                            </div>
                                            <div
                                              class="q-text qu-overflow--hidden qu-display--inline-flex qu-color--blue"
                                              style="
                                                position: relative;
                                                opacity: 0.8;
                                                flex-shrink: 0;
                                              "
                                            >
                                              <span
                                                class="q-text qu-visibility--hidden qu-display--inline-flex"
                                                style="
                                                  font-size: 13px;
                                                  opacity: 0;
                                                "
                                                >5.2M</span
                                              ><span
                                                class="q-text qu-whiteSpace--nowrap qu-display--inline-flex qu-alignItems--center qu-justifyContent--center"
                                                height="100%"
                                                style="
                                                  font-size: 13px;
                                                  position: absolute;
                                                  top: 0px;
                                                  left: 0px;
                                                  right: 0px;
                                                  height: 100%;
                                                  transition-property: transform,
                                                    opacity;
                                                  transition-duration: 250ms;
                                                  transition-timing-function: cubic-bezier(
                                                    0.25,
                                                    0.46,
                                                    0.45,
                                                    0.94
                                                  );
                                                  transition-delay: 0ms;
                                                "
                                                >5.2M</span
                                              >
                                            </div>
                                          </div>
                                        </button>
                                      </div>
                                    </span>
                                  </div>
                                </div>
                              </div>
                              <div
                                class="q-absolute"
                                style="position: absolute; right: 0px; top: 0px"
                              >
                                <span
                                  class="q-box"
                                  style="
                                    margin-right: auto;
                                    pointer-events: auto;
                                  "
                                >
                                  <div
                                    class="q-box qu-display--inline-block"
                                    tabindex="0"
                                    style="pointer-events: all"
                                  >
                                    <div
                                      class="q-relative puppeteer_popper_reference"
                                      style="position: relative"
                                    >
                                      <button
                                        class="q-click-wrapper b10gcu9l bobc9nh b1cg7ppz c1nud10e qu-active--bg--darken qu-borderRadius--pill qu-alignItems--center qu-justifyContent--center qu-whiteSpace--nowrap qu-userSelect--none qu-display--inline-flex qu-tapHighlight--white qu-textAlign--center qu-cursor--pointer qu-hover--bg--darken"
                                        height="38"
                                        role="button"
                                        aria-label="Hide this card"
                                        tabindex="0"
                                        style="
                                          font: inherit;
                                          padding: 0px 6px;
                                          transition-property: box-shadow,
                                            background-color;
                                          transition-duration: 60ms;
                                          transition-timing-function: ease-out;
                                          height: 38px;
                                          min-width: 38px;
                                          position: relative;
                                          border-width: 0px;
                                          outline: none;
                                          color: inherit;
                                          background-color: transparent;
                                        "
                                      >
                                        <div
                                          class="q-flex qu-alignItems--center qu-justifyContent--center"
                                          style="
                                            display: flex;
                                            max-width: 100%;
                                            transition-property: opacity;
                                            transition-duration: 60ms;
                                            transition-timing-function: ease-in-out;
                                          "
                                        >
                                          <div
                                            class="q-box qu-display--inline-flex"
                                            style="
                                              transition-property: transform;
                                              transition-timing-function: cubic-bezier(
                                                0.23,
                                                0.19,
                                                0.1,
                                                1.34
                                              );
                                              transition-delay: 0ms;
                                              transition-duration: 0ms;
                                            "
                                          >
                                            <span
                                              class="q-inlineBlock qu-width--24 qu-height--24"
                                              width="24"
                                              height="24"
                                              style="
                                                display: inline-block;
                                                flex-shrink: 0;
                                                line-height: 24px;
                                              "
                                              ><span
                                                class="c8lvhxo c1qi64n3 c13dhsxm"
                                                style="
                                                  width: 24px;
                                                  height: 24px;
                                                  --strokeColor: var(
                                                    --q-colors-text-gray
                                                  );
                                                  --fillColor: var(
                                                    --q-colors-text-gray
                                                  );
                                                  --strokeWidth: 1.5;
                                                "
                                                ><svg
                                                  width="24"
                                                  height="24"
                                                  viewBox="0 0 24 24"
                                                  xmlns="http://www.w3.org/2000/svg"
                                                >
                                                  <path
                                                    d="m16.243 7.757-8.486 8.486m8.486 0L7.757 7.757"
                                                    class="icon_svg-stroke"
                                                    fill="none"
                                                    fill-rule="evenodd"
                                                    stroke-linecap="round"
                                                    stroke="#666"
                                                    stroke-width="1.5"
                                                  ></path></svg></span
                                            ></span>
                                          </div>
                                        </div>
                                      </button>
                                    </div>
                                  </div>
                                </span>
                              </div>
                            </li>
                          </div>
                        </div>
                      </div>
                      <div class="q-box">
                        <div class="q-box">
                          <div>
                            <li
                              class="q-click-wrapper c1nud10e c1do4mvu qu-borderAll qu-flex--none qu-borderRadius--medium qu-mr--small qu-display--inline-block qu-bg--raised qu-tapHighlight--white qu-cursor--pointer qu-hover--borderColor--gray_medium"
                              height="208"
                              width="160px"
                              tabindex="0"
                              style="
                                font: inherit;
                                padding: 0px;
                                transition-property: opacity;
                                transition-duration: 180ms;
                                transition-timing-function: ease-in-out;
                                position: relative;
                                height: 208px;
                                list-style: none;
                                width: 160px;
                                color: inherit;
                                text-align: inherit;
                              "
                            >
                              <div
                                class="q-flex qu-flexDirection--column qu-textAlign--center"
                                height="100%"
                                style="display: flex; height: 100%"
                              >
                                <div class="q-box qu-mt--small">
                                  <a
                                    class="q-box qu-display--inline-flex qu-cursor--pointer qu-hover--textDecoration--underline b2c1r2a puppeteer_test_link"
                                    href="https://www.quora.com/topic/Consumer-Hardware-Technology"
                                    target="_blank"
                                    style="border-radius: inherit"
                                  >
                                    <div
                                      class="q-inlineFlex qu-flex--none"
                                      style="
                                        display: inline-flex;
                                        position: relative;
                                      "
                                    >
                                      <div
                                        class="q-inlineFlex"
                                        style="
                                          display: inline-flex;
                                          position: relative;
                                        "
                                      >
                                        <div
                                          class="q-inlineFlex qu-overflow--hidden qu-borderRadius--small"
                                          style="
                                            display: inline-flex;
                                            position: relative;
                                          "
                                        >
                                          <div
                                            class="q-box qu-borderRadius--small"
                                            style="
                                              position: absolute;
                                              inset: 1px;
                                            "
                                          ></div>
                                          <img
                                            class="q-image qu-display--block qu-size--60 qu-minWidth--60 qu-bg--white__ignore_dark_mode"
                                            src="https://qsf.cf2.quoracdn.net/-4-images.missing_photo.topic_icon_grey_filled.png-26-888a1612102f8cd5.png"
                                            size="60"
                                            alt="Icon for Consumer Hardware Technology"
                                            style="
                                              max-width: 100%;
                                              position: relative;
                                            "
                                          />
                                          <div
                                            class="q-box qu-borderRadius--small qu-borderAll qu-borderColor--darken"
                                            style="
                                              position: absolute;
                                              inset: 0px;
                                            "
                                          ></div>
                                          <div
                                            class="q-absolute qu-fullX qu-fullY qu-borderAll qu-borderColor--darken qu-borderRadius--small avlofet"
                                            style="
                                              position: absolute;
                                              z-index: 1;
                                            "
                                          ></div>
                                        </div>
                                      </div>
                                    </div>
                                  </a>
                                </div>
                                <div
                                  class="q-box qu-pt--tiny qu-px--small qu-pb--small"
                                  style="min-height: 38px; flex-grow: 1"
                                >
                                  <div
                                    class="q-text qu-dynamicFontSize--small qu-bold qu-truncateLines--2"
                                  >
                                    <a
                                      class="q-box qu-cursor--pointer qu-hover--textDecoration--underline b2c1r2a puppeteer_test_link"
                                      href="https://www.quora.com/topic/Consumer-Hardware-Technology"
                                      target="_blank"
                                      style="
                                        -webkit-tap-highlight-color: transparent;
                                        border-radius: inherit;
                                      "
                                      ><span
                                        class="q-text qu-wordBreak--break-word"
                                        ><span
                                          ><span
                                            >Consumer Hardware Technology</span
                                          ></span
                                        ></span
                                      ></a
                                    >
                                  </div>
                                </div>
                                <div class="q-box" style="margin-top: auto">
                                  <div class="q-box qu-mb--small">
                                    <span
                                      class="q-box"
                                      style="
                                        margin-right: auto;
                                        pointer-events: auto;
                                      "
                                    >
                                      <div class="q-box">
                                        <button
                                          class="q-click-wrapper b1l8alrs bobc9nh b1cg7ppz c1nud10e qu-active--textDecoration--none qu-focus--textDecoration--none qu-borderRadius--pill qu-alignItems--center qu-justifyContent--center qu-whiteSpace--nowrap qu-userSelect--none qu-display--inline-flex qu-tapHighlight--white qu-textAlign--center qu-cursor--pointer qu-hover--textDecoration--none qu-hover--bg--blue_light"
                                          height="30"
                                          role="button"
                                          aria-pressed="false"
                                          type="button"
                                          tabindex="0"
                                          style="
                                            font: inherit;
                                            padding: 0px 10px;
                                            transition-property: box-shadow,
                                              background-color;
                                            transition-duration: 60ms;
                                            transition-timing-function: ease-out;
                                            height: 30px;
                                            min-width: 30px;
                                            position: relative;
                                            box-shadow: rgb(46, 105, 255) 0px
                                              0px 0px 1px inset;
                                            --button-hoverBg: blue_light;
                                            --button-activeBg: #d7e1ff;
                                            --button-innerShadow: inset 0 0 0
                                              1px #2e69ff;
                                            border-width: 0px;
                                            outline: none;
                                            color: inherit;
                                            background-color: transparent;
                                          "
                                        >
                                          <div
                                            class="q-flex qu-alignItems--center qu-justifyContent--center"
                                            style="
                                              display: flex;
                                              max-width: 100%;
                                              transition-property: opacity;
                                              transition-duration: 60ms;
                                              transition-timing-function: ease-in-out;
                                            "
                                          >
                                            <div
                                              class="q-box qu-display--inline-flex"
                                              style="
                                                transition-property: transform;
                                                transition-timing-function: cubic-bezier(
                                                  0.23,
                                                  0.19,
                                                  0.1,
                                                  1.34
                                                );
                                                transition-delay: 0ms;
                                                transition-duration: 0ms;
                                              "
                                            >
                                              <span
                                                class="q-inlineBlock qu-width--20 qu-height--20"
                                                width="20"
                                                height="20"
                                                style="
                                                  display: inline-block;
                                                  flex-shrink: 0;
                                                  line-height: 20px;
                                                "
                                                ><span
                                                  class="c8lvhxo c1qi64n3 c13dhsxm"
                                                  style="
                                                    width: 20px;
                                                    height: 20px;
                                                    --strokeColor: var(
                                                      --q-colors-text-blue
                                                    );
                                                    --fillColor: var(
                                                      --q-colors-text-blue
                                                    );
                                                    --strokeWidth: 1.8;
                                                  "
                                                  ><svg
                                                    width="24"
                                                    height="24"
                                                    viewBox="0 0 24 24"
                                                    xmlns="http://www.w3.org/2000/svg"
                                                  >
                                                    <path
                                                      d="M13.5 19.5h-6a3 3 0 0 1-3-3v-9a3 3 0 0 1 3-3h9a3 3 0 0 1 3 3v6M8 12.5v-4h4v4H8zM14.5 9H16h-1.5zm0 3H16h-1.5zM8 15.5h8-8zm9 4h5M19.5 17v5"
                                                      class="icon_svg-stroke"
                                                      stroke="#666"
                                                      stroke-width="1.5"
                                                      fill="none"
                                                      stroke-linecap="round"
                                                      stroke-linejoin="round"
                                                    ></path></svg></span
                                              ></span>
                                            </div>
                                            <div
                                              class="q-text qu-display--inline-flex qu-alignItems--center qu-overflow--hidden puppeteer_test_button_text qu-medium qu-color--blue qu-ml--tiny"
                                              style="font-size: 13px"
                                            >
                                              <div
                                                class="q-text qu-ellipsis qu-whiteSpace--nowrap"
                                                style="line-height: normal"
                                              >
                                                Follow
                                              </div>
                                              <div
                                                class="q-box qu-display--inline-block qu-mx--tiny"
                                                style="opacity: 0.5"
                                              >
                                                ·
                                              </div>
                                            </div>
                                            <div
                                              class="q-text qu-overflow--hidden qu-display--inline-flex qu-color--blue"
                                              style="
                                                position: relative;
                                                opacity: 0.8;
                                                flex-shrink: 0;
                                              "
                                            >
                                              <span
                                                class="q-text qu-visibility--hidden qu-display--inline-flex"
                                                style="
                                                  font-size: 13px;
                                                  opacity: 0;
                                                "
                                                >999</span
                                              ><span
                                                class="q-text qu-whiteSpace--nowrap qu-display--inline-flex qu-alignItems--center qu-justifyContent--center"
                                                height="100%"
                                                style="
                                                  font-size: 13px;
                                                  position: absolute;
                                                  top: 0px;
                                                  left: 0px;
                                                  right: 0px;
                                                  height: 100%;
                                                  transition-property: transform,
                                                    opacity;
                                                  transition-duration: 250ms;
                                                  transition-timing-function: cubic-bezier(
                                                    0.25,
                                                    0.46,
                                                    0.45,
                                                    0.94
                                                  );
                                                  transition-delay: 0ms;
                                                "
                                                >117</span
                                              >
                                            </div>
                                          </div>
                                        </button>
                                      </div>
                                    </span>
                                  </div>
                                </div>
                              </div>
                              <div
                                class="q-absolute"
                                style="position: absolute; right: 0px; top: 0px"
                              >
                                <span
                                  class="q-box"
                                  style="
                                    margin-right: auto;
                                    pointer-events: auto;
                                  "
                                >
                                  <div
                                    class="q-box qu-display--inline-block"
                                    tabindex="0"
                                    style="pointer-events: all"
                                  >
                                    <div
                                      class="q-relative puppeteer_popper_reference"
                                      style="position: relative"
                                    >
                                      <button
                                        class="q-click-wrapper b10gcu9l bobc9nh b1cg7ppz c1nud10e qu-active--bg--darken qu-borderRadius--pill qu-alignItems--center qu-justifyContent--center qu-whiteSpace--nowrap qu-userSelect--none qu-display--inline-flex qu-tapHighlight--white qu-textAlign--center qu-cursor--pointer qu-hover--bg--darken"
                                        height="38"
                                        role="button"
                                        aria-label="Hide this card"
                                        tabindex="0"
                                        style="
                                          font: inherit;
                                          padding: 0px 6px;
                                          transition-property: box-shadow,
                                            background-color;
                                          transition-duration: 60ms;
                                          transition-timing-function: ease-out;
                                          height: 38px;
                                          min-width: 38px;
                                          position: relative;
                                          border-width: 0px;
                                          outline: none;
                                          color: inherit;
                                          background-color: transparent;
                                        "
                                      >
                                        <div
                                          class="q-flex qu-alignItems--center qu-justifyContent--center"
                                          style="
                                            display: flex;
                                            max-width: 100%;
                                            transition-property: opacity;
                                            transition-duration: 60ms;
                                            transition-timing-function: ease-in-out;
                                          "
                                        >
                                          <div
                                            class="q-box qu-display--inline-flex"
                                            style="
                                              transition-property: transform;
                                              transition-timing-function: cubic-bezier(
                                                0.23,
                                                0.19,
                                                0.1,
                                                1.34
                                              );
                                              transition-delay: 0ms;
                                              transition-duration: 0ms;
                                            "
                                          >
                                            <span
                                              class="q-inlineBlock qu-width--24 qu-height--24"
                                              width="24"
                                              height="24"
                                              style="
                                                display: inline-block;
                                                flex-shrink: 0;
                                                line-height: 24px;
                                              "
                                              ><span
                                                class="c8lvhxo c1qi64n3 c13dhsxm"
                                                style="
                                                  width: 24px;
                                                  height: 24px;
                                                  --strokeColor: var(
                                                    --q-colors-text-gray
                                                  );
                                                  --fillColor: var(
                                                    --q-colors-text-gray
                                                  );
                                                  --strokeWidth: 1.5;
                                                "
                                                ><svg
                                                  width="24"
                                                  height="24"
                                                  viewBox="0 0 24 24"
                                                  xmlns="http://www.w3.org/2000/svg"
                                                >
                                                  <path
                                                    d="m16.243 7.757-8.486 8.486m8.486 0L7.757 7.757"
                                                    class="icon_svg-stroke"
                                                    fill="none"
                                                    fill-rule="evenodd"
                                                    stroke-linecap="round"
                                                    stroke="#666"
                                                    stroke-width="1.5"
                                                  ></path></svg></span
                                            ></span>
                                          </div>
                                        </div>
                                      </button>
                                    </div>
                                  </div>
                                </span>
                              </div>
                            </li>
                          </div>
                        </div>
                      </div>
                      <div class="q-box">
                        <div class="q-box">
                          <div>
                            <li
                              class="q-click-wrapper c1nud10e c1do4mvu qu-borderAll qu-flex--none qu-borderRadius--medium qu-mr--small qu-display--inline-block qu-bg--raised qu-tapHighlight--white qu-cursor--pointer qu-hover--borderColor--gray_medium"
                              height="208"
                              width="160px"
                              tabindex="0"
                              style="
                                font: inherit;
                                padding: 0px;
                                transition-property: opacity;
                                transition-duration: 180ms;
                                transition-timing-function: ease-in-out;
                                position: relative;
                                height: 208px;
                                list-style: none;
                                width: 160px;
                                color: inherit;
                                text-align: inherit;
                              "
                            >
                              <div
                                class="q-flex qu-flexDirection--column qu-textAlign--center"
                                height="100%"
                                style="display: flex; height: 100%"
                              >
                                <div class="q-box qu-mt--small">
                                  <a
                                    class="q-box qu-display--inline-flex qu-cursor--pointer qu-hover--textDecoration--underline b2c1r2a puppeteer_test_link"
                                    href="https://www.quora.com/topic/Electronics-Hardware"
                                    target="_blank"
                                    style="border-radius: inherit"
                                  >
                                    <div
                                      class="q-inlineFlex qu-flex--none"
                                      style="
                                        display: inline-flex;
                                        position: relative;
                                      "
                                    >
                                      <div
                                        class="q-inlineFlex"
                                        style="
                                          display: inline-flex;
                                          position: relative;
                                        "
                                      >
                                        <div
                                          class="q-inlineFlex qu-overflow--hidden qu-borderRadius--small"
                                          style="
                                            display: inline-flex;
                                            position: relative;
                                          "
                                        >
                                          <div
                                            class="q-box qu-borderRadius--small"
                                            style="
                                              position: absolute;
                                              inset: 1px;
                                            "
                                          ></div>
                                          <img
                                            class="q-image qu-display--block qu-size--60 qu-minWidth--60 qu-bg--white__ignore_dark_mode"
                                            src="https://qsf.cf2.quoracdn.net/-4-images.missing_photo.topic_icon_grey_filled.png-26-888a1612102f8cd5.png"
                                            size="60"
                                            alt="Icon for Electronics Hardware"
                                            style="
                                              max-width: 100%;
                                              position: relative;
                                            "
                                          />
                                          <div
                                            class="q-box qu-borderRadius--small qu-borderAll qu-borderColor--darken"
                                            style="
                                              position: absolute;
                                              inset: 0px;
                                            "
                                          ></div>
                                          <div
                                            class="q-absolute qu-fullX qu-fullY qu-borderAll qu-borderColor--darken qu-borderRadius--small avlofet"
                                            style="
                                              position: absolute;
                                              z-index: 1;
                                            "
                                          ></div>
                                        </div>
                                      </div>
                                    </div>
                                  </a>
                                </div>
                                <div
                                  class="q-box qu-pt--tiny qu-px--small qu-pb--small"
                                  style="min-height: 38px; flex-grow: 1"
                                >
                                  <div
                                    class="q-text qu-dynamicFontSize--small qu-bold qu-truncateLines--2"
                                  >
                                    <a
                                      class="q-box qu-cursor--pointer qu-hover--textDecoration--underline b2c1r2a puppeteer_test_link"
                                      href="https://www.quora.com/topic/Electronics-Hardware"
                                      target="_blank"
                                      style="
                                        -webkit-tap-highlight-color: transparent;
                                        border-radius: inherit;
                                      "
                                      ><span
                                        class="q-text qu-wordBreak--break-word"
                                        ><span
                                          ><span
                                            >Electronics Hardware</span
                                          ></span
                                        ></span
                                      ></a
                                    >
                                  </div>
                                </div>
                                <div class="q-box" style="margin-top: auto">
                                  <div class="q-box qu-mb--small">
                                    <span
                                      class="q-box"
                                      style="
                                        margin-right: auto;
                                        pointer-events: auto;
                                      "
                                    >
                                      <div class="q-box">
                                        <button
                                          class="q-click-wrapper b1l8alrs bobc9nh b1cg7ppz c1nud10e qu-active--textDecoration--none qu-focus--textDecoration--none qu-borderRadius--pill qu-alignItems--center qu-justifyContent--center qu-whiteSpace--nowrap qu-userSelect--none qu-display--inline-flex qu-tapHighlight--white qu-textAlign--center qu-cursor--pointer qu-hover--textDecoration--none qu-hover--bg--blue_light"
                                          height="30"
                                          role="button"
                                          aria-pressed="false"
                                          type="button"
                                          tabindex="0"
                                          style="
                                            font: inherit;
                                            padding: 0px 10px;
                                            transition-property: box-shadow,
                                              background-color;
                                            transition-duration: 60ms;
                                            transition-timing-function: ease-out;
                                            height: 30px;
                                            min-width: 30px;
                                            position: relative;
                                            box-shadow: rgb(46, 105, 255) 0px
                                              0px 0px 1px inset;
                                            --button-hoverBg: blue_light;
                                            --button-activeBg: #d7e1ff;
                                            --button-innerShadow: inset 0 0 0
                                              1px #2e69ff;
                                            border-width: 0px;
                                            outline: none;
                                            color: inherit;
                                            background-color: transparent;
                                          "
                                        >
                                          <div
                                            class="q-flex qu-alignItems--center qu-justifyContent--center"
                                            style="
                                              display: flex;
                                              max-width: 100%;
                                              transition-property: opacity;
                                              transition-duration: 60ms;
                                              transition-timing-function: ease-in-out;
                                            "
                                          >
                                            <div
                                              class="q-box qu-display--inline-flex"
                                              style="
                                                transition-property: transform;
                                                transition-timing-function: cubic-bezier(
                                                  0.23,
                                                  0.19,
                                                  0.1,
                                                  1.34
                                                );
                                                transition-delay: 0ms;
                                                transition-duration: 0ms;
                                              "
                                            >
                                              <span
                                                class="q-inlineBlock qu-width--20 qu-height--20"
                                                width="20"
                                                height="20"
                                                style="
                                                  display: inline-block;
                                                  flex-shrink: 0;
                                                  line-height: 20px;
                                                "
                                                ><span
                                                  class="c8lvhxo c1qi64n3 c13dhsxm"
                                                  style="
                                                    width: 20px;
                                                    height: 20px;
                                                    --strokeColor: var(
                                                      --q-colors-text-blue
                                                    );
                                                    --fillColor: var(
                                                      --q-colors-text-blue
                                                    );
                                                    --strokeWidth: 1.8;
                                                  "
                                                  ><svg
                                                    width="24"
                                                    height="24"
                                                    viewBox="0 0 24 24"
                                                    xmlns="http://www.w3.org/2000/svg"
                                                  >
                                                    <path
                                                      d="M13.5 19.5h-6a3 3 0 0 1-3-3v-9a3 3 0 0 1 3-3h9a3 3 0 0 1 3 3v6M8 12.5v-4h4v4H8zM14.5 9H16h-1.5zm0 3H16h-1.5zM8 15.5h8-8zm9 4h5M19.5 17v5"
                                                      class="icon_svg-stroke"
                                                      stroke="#666"
                                                      stroke-width="1.5"
                                                      fill="none"
                                                      stroke-linecap="round"
                                                      stroke-linejoin="round"
                                                    ></path></svg></span
                                              ></span>
                                            </div>
                                            <div
                                              class="q-text qu-display--inline-flex qu-alignItems--center qu-overflow--hidden puppeteer_test_button_text qu-medium qu-color--blue qu-ml--tiny"
                                              style="font-size: 13px"
                                            >
                                              <div
                                                class="q-text qu-ellipsis qu-whiteSpace--nowrap"
                                                style="line-height: normal"
                                              >
                                                Follow
                                              </div>
                                              <div
                                                class="q-box qu-display--inline-block qu-mx--tiny"
                                                style="opacity: 0.5"
                                              >
                                                ·
                                              </div>
                                            </div>
                                            <div
                                              class="q-text qu-overflow--hidden qu-display--inline-flex qu-color--blue"
                                              style="
                                                position: relative;
                                                opacity: 0.8;
                                                flex-shrink: 0;
                                              "
                                            >
                                              <span
                                                class="q-text qu-visibility--hidden qu-display--inline-flex"
                                                style="
                                                  font-size: 13px;
                                                  opacity: 0;
                                                "
                                                >99</span
                                              ><span
                                                class="q-text qu-whiteSpace--nowrap qu-display--inline-flex qu-alignItems--center qu-justifyContent--center"
                                                height="100%"
                                                style="
                                                  font-size: 13px;
                                                  position: absolute;
                                                  top: 0px;
                                                  left: 0px;
                                                  right: 0px;
                                                  height: 100%;
                                                  transition-property: transform,
                                                    opacity;
                                                  transition-duration: 250ms;
                                                  transition-timing-function: cubic-bezier(
                                                    0.25,
                                                    0.46,
                                                    0.45,
                                                    0.94
                                                  );
                                                  transition-delay: 0ms;
                                                "
                                                >61</span
                                              >
                                            </div>
                                          </div>
                                        </button>
                                      </div>
                                    </span>
                                  </div>
                                </div>
                              </div>
                              <div
                                class="q-absolute"
                                style="position: absolute; right: 0px; top: 0px"
                              >
                                <span
                                  class="q-box"
                                  style="
                                    margin-right: auto;
                                    pointer-events: auto;
                                  "
                                >
                                  <div
                                    class="q-box qu-display--inline-block"
                                    tabindex="0"
                                    style="pointer-events: all"
                                  >
                                    <div
                                      class="q-relative puppeteer_popper_reference"
                                      style="position: relative"
                                    >
                                      <button
                                        class="q-click-wrapper b10gcu9l bobc9nh b1cg7ppz c1nud10e qu-active--bg--darken qu-borderRadius--pill qu-alignItems--center qu-justifyContent--center qu-whiteSpace--nowrap qu-userSelect--none qu-display--inline-flex qu-tapHighlight--white qu-textAlign--center qu-cursor--pointer qu-hover--bg--darken"
                                        height="38"
                                        role="button"
                                        aria-label="Hide this card"
                                        tabindex="0"
                                        style="
                                          font: inherit;
                                          padding: 0px 6px;
                                          transition-property: box-shadow,
                                            background-color;
                                          transition-duration: 60ms;
                                          transition-timing-function: ease-out;
                                          height: 38px;
                                          min-width: 38px;
                                          position: relative;
                                          border-width: 0px;
                                          outline: none;
                                          color: inherit;
                                          background-color: transparent;
                                        "
                                      >
                                        <div
                                          class="q-flex qu-alignItems--center qu-justifyContent--center"
                                          style="
                                            display: flex;
                                            max-width: 100%;
                                            transition-property: opacity;
                                            transition-duration: 60ms;
                                            transition-timing-function: ease-in-out;
                                          "
                                        >
                                          <div
                                            class="q-box qu-display--inline-flex"
                                            style="
                                              transition-property: transform;
                                              transition-timing-function: cubic-bezier(
                                                0.23,
                                                0.19,
                                                0.1,
                                                1.34
                                              );
                                              transition-delay: 0ms;
                                              transition-duration: 0ms;
                                            "
                                          >
                                            <span
                                              class="q-inlineBlock qu-width--24 qu-height--24"
                                              width="24"
                                              height="24"
                                              style="
                                                display: inline-block;
                                                flex-shrink: 0;
                                                line-height: 24px;
                                              "
                                              ><span
                                                class="c8lvhxo c1qi64n3 c13dhsxm"
                                                style="
                                                  width: 24px;
                                                  height: 24px;
                                                  --strokeColor: var(
                                                    --q-colors-text-gray
                                                  );
                                                  --fillColor: var(
                                                    --q-colors-text-gray
                                                  );
                                                  --strokeWidth: 1.5;
                                                "
                                                ><svg
                                                  width="24"
                                                  height="24"
                                                  viewBox="0 0 24 24"
                                                  xmlns="http://www.w3.org/2000/svg"
                                                >
                                                  <path
                                                    d="m16.243 7.757-8.486 8.486m8.486 0L7.757 7.757"
                                                    class="icon_svg-stroke"
                                                    fill="none"
                                                    fill-rule="evenodd"
                                                    stroke-linecap="round"
                                                    stroke="#666"
                                                    stroke-width="1.5"
                                                  ></path></svg></span
                                            ></span>
                                          </div>
                                        </div>
                                      </button>
                                    </div>
                                  </div>
                                </span>
                              </div>
                            </li>
                          </div>
                        </div>
                      </div>
                      <div class="q-box">
                        <div class="q-box">
                          <div>
                            <li
                              class="q-click-wrapper c1nud10e c1do4mvu qu-borderAll qu-flex--none qu-borderRadius--medium qu-mr--small qu-display--inline-block qu-bg--raised qu-tapHighlight--white qu-cursor--pointer qu-hover--borderColor--gray_medium"
                              height="208"
                              width="160px"
                              tabindex="0"
                              style="
                                font: inherit;
                                padding: 0px;
                                transition-property: opacity;
                                transition-duration: 180ms;
                                transition-timing-function: ease-in-out;
                                position: relative;
                                height: 208px;
                                list-style: none;
                                width: 160px;
                                color: inherit;
                                text-align: inherit;
                              "
                            >
                              <div
                                class="q-flex qu-flexDirection--column qu-textAlign--center"
                                height="100%"
                                style="display: flex; height: 100%"
                              >
                                <div class="q-box qu-mt--small">
                                  <a
                                    class="q-box qu-display--inline-flex qu-cursor--pointer qu-hover--textDecoration--underline b2c1r2a puppeteer_test_link"
                                    href="https://www.quora.com/topic/Laptop-Technology"
                                    target="_blank"
                                    style="border-radius: inherit"
                                  >
                                    <div
                                      class="q-inlineFlex qu-flex--none"
                                      style="
                                        display: inline-flex;
                                        position: relative;
                                      "
                                    >
                                      <div
                                        class="q-inlineFlex"
                                        style="
                                          display: inline-flex;
                                          position: relative;
                                        "
                                      >
                                        <div
                                          class="q-inlineFlex qu-overflow--hidden qu-borderRadius--small"
                                          style="
                                            display: inline-flex;
                                            position: relative;
                                          "
                                        >
                                          <div
                                            class="q-box qu-borderRadius--small"
                                            style="
                                              position: absolute;
                                              inset: 1px;
                                            "
                                          ></div>
                                          <img
                                            class="q-image qu-display--block qu-size--60 qu-minWidth--60 qu-bg--white__ignore_dark_mode"
                                            src="https://qsf.cf2.quoracdn.net/-4-images.missing_photo.topic_icon_grey_filled.png-26-888a1612102f8cd5.png"
                                            size="60"
                                            alt="Icon for Laptop Technology"
                                            style="
                                              max-width: 100%;
                                              position: relative;
                                            "
                                          />
                                          <div
                                            class="q-box qu-borderRadius--small qu-borderAll qu-borderColor--darken"
                                            style="
                                              position: absolute;
                                              inset: 0px;
                                            "
                                          ></div>
                                          <div
                                            class="q-absolute qu-fullX qu-fullY qu-borderAll qu-borderColor--darken qu-borderRadius--small avlofet"
                                            style="
                                              position: absolute;
                                              z-index: 1;
                                            "
                                          ></div>
                                        </div>
                                      </div>
                                    </div>
                                  </a>
                                </div>
                                <div
                                  class="q-box qu-pt--tiny qu-px--small qu-pb--small"
                                  style="min-height: 38px; flex-grow: 1"
                                >
                                  <div
                                    class="q-text qu-dynamicFontSize--small qu-bold qu-truncateLines--2"
                                  >
                                    <a
                                      class="q-box qu-cursor--pointer qu-hover--textDecoration--underline b2c1r2a puppeteer_test_link"
                                      href="https://www.quora.com/topic/Laptop-Technology"
                                      target="_blank"
                                      style="
                                        -webkit-tap-highlight-color: transparent;
                                        border-radius: inherit;
                                      "
                                      ><span
                                        class="q-text qu-wordBreak--break-word"
                                        ><span
                                          ><span>Laptop Technology</span></span
                                        ></span
                                      ></a
                                    >
                                  </div>
                                </div>
                                <div class="q-box" style="margin-top: auto">
                                  <div class="q-box qu-mb--small">
                                    <span
                                      class="q-box"
                                      style="
                                        margin-right: auto;
                                        pointer-events: auto;
                                      "
                                    >
                                      <div class="q-box">
                                        <button
                                          class="q-click-wrapper b1l8alrs bobc9nh b1cg7ppz c1nud10e qu-active--textDecoration--none qu-focus--textDecoration--none qu-borderRadius--pill qu-alignItems--center qu-justifyContent--center qu-whiteSpace--nowrap qu-userSelect--none qu-display--inline-flex qu-tapHighlight--white qu-textAlign--center qu-cursor--pointer qu-hover--textDecoration--none qu-hover--bg--blue_light"
                                          height="30"
                                          role="button"
                                          aria-pressed="false"
                                          type="button"
                                          tabindex="0"
                                          style="
                                            font: inherit;
                                            padding: 0px 10px;
                                            transition-property: box-shadow,
                                              background-color;
                                            transition-duration: 60ms;
                                            transition-timing-function: ease-out;
                                            height: 30px;
                                            min-width: 30px;
                                            position: relative;
                                            box-shadow: rgb(46, 105, 255) 0px
                                              0px 0px 1px inset;
                                            --button-hoverBg: blue_light;
                                            --button-activeBg: #d7e1ff;
                                            --button-innerShadow: inset 0 0 0
                                              1px #2e69ff;
                                            border-width: 0px;
                                            outline: none;
                                            color: inherit;
                                            background-color: transparent;
                                          "
                                        >
                                          <div
                                            class="q-flex qu-alignItems--center qu-justifyContent--center"
                                            style="
                                              display: flex;
                                              max-width: 100%;
                                              transition-property: opacity;
                                              transition-duration: 60ms;
                                              transition-timing-function: ease-in-out;
                                            "
                                          >
                                            <div
                                              class="q-box qu-display--inline-flex"
                                              style="
                                                transition-property: transform;
                                                transition-timing-function: cubic-bezier(
                                                  0.23,
                                                  0.19,
                                                  0.1,
                                                  1.34
                                                );
                                                transition-delay: 0ms;
                                                transition-duration: 0ms;
                                              "
                                            >
                                              <span
                                                class="q-inlineBlock qu-width--20 qu-height--20"
                                                width="20"
                                                height="20"
                                                style="
                                                  display: inline-block;
                                                  flex-shrink: 0;
                                                  line-height: 20px;
                                                "
                                                ><span
                                                  class="c8lvhxo c1qi64n3 c13dhsxm"
                                                  style="
                                                    width: 20px;
                                                    height: 20px;
                                                    --strokeColor: var(
                                                      --q-colors-text-blue
                                                    );
                                                    --fillColor: var(
                                                      --q-colors-text-blue
                                                    );
                                                    --strokeWidth: 1.8;
                                                  "
                                                  ><svg
                                                    width="24"
                                                    height="24"
                                                    viewBox="0 0 24 24"
                                                    xmlns="http://www.w3.org/2000/svg"
                                                  >
                                                    <path
                                                      d="M13.5 19.5h-6a3 3 0 0 1-3-3v-9a3 3 0 0 1 3-3h9a3 3 0 0 1 3 3v6M8 12.5v-4h4v4H8zM14.5 9H16h-1.5zm0 3H16h-1.5zM8 15.5h8-8zm9 4h5M19.5 17v5"
                                                      class="icon_svg-stroke"
                                                      stroke="#666"
                                                      stroke-width="1.5"
                                                      fill="none"
                                                      stroke-linecap="round"
                                                      stroke-linejoin="round"
                                                    ></path></svg></span
                                              ></span>
                                            </div>
                                            <div
                                              class="q-text qu-display--inline-flex qu-alignItems--center qu-overflow--hidden puppeteer_test_button_text qu-medium qu-color--blue qu-ml--tiny"
                                              style="font-size: 13px"
                                            >
                                              <div
                                                class="q-text qu-ellipsis qu-whiteSpace--nowrap"
                                                style="line-height: normal"
                                              >
                                                Follow
                                              </div>
                                              <div
                                                class="q-box qu-display--inline-block qu-mx--tiny"
                                                style="opacity: 0.5"
                                              >
                                                ·
                                              </div>
                                            </div>
                                            <div
                                              class="q-text qu-overflow--hidden qu-display--inline-flex qu-color--blue"
                                              style="
                                                position: relative;
                                                opacity: 0.8;
                                                flex-shrink: 0;
                                              "
                                            >
                                              <span
                                                class="q-text qu-visibility--hidden qu-display--inline-flex"
                                                style="
                                                  font-size: 13px;
                                                  opacity: 0;
                                                "
                                                >99</span
                                              ><span
                                                class="q-text qu-whiteSpace--nowrap qu-display--inline-flex qu-alignItems--center qu-justifyContent--center"
                                                height="100%"
                                                style="
                                                  font-size: 13px;
                                                  position: absolute;
                                                  top: 0px;
                                                  left: 0px;
                                                  right: 0px;
                                                  height: 100%;
                                                  transition-property: transform,
                                                    opacity;
                                                  transition-duration: 250ms;
                                                  transition-timing-function: cubic-bezier(
                                                    0.25,
                                                    0.46,
                                                    0.45,
                                                    0.94
                                                  );
                                                  transition-delay: 0ms;
                                                "
                                                >51</span
                                              >
                                            </div>
                                          </div>
                                        </button>
                                      </div>
                                    </span>
                                  </div>
                                </div>
                              </div>
                              <div
                                class="q-absolute"
                                style="position: absolute; right: 0px; top: 0px"
                              >
                                <span
                                  class="q-box"
                                  style="
                                    margin-right: auto;
                                    pointer-events: auto;
                                  "
                                >
                                  <div
                                    class="q-box qu-display--inline-block"
                                    tabindex="0"
                                    style="pointer-events: all"
                                  >
                                    <div
                                      class="q-relative puppeteer_popper_reference"
                                      style="position: relative"
                                    >
                                      <button
                                        class="q-click-wrapper b10gcu9l bobc9nh b1cg7ppz c1nud10e qu-active--bg--darken qu-borderRadius--pill qu-alignItems--center qu-justifyContent--center qu-whiteSpace--nowrap qu-userSelect--none qu-display--inline-flex qu-tapHighlight--white qu-textAlign--center qu-cursor--pointer qu-hover--bg--darken"
                                        height="38"
                                        role="button"
                                        aria-label="Hide this card"
                                        tabindex="0"
                                        style="
                                          font: inherit;
                                          padding: 0px 6px;
                                          transition-property: box-shadow,
                                            background-color;
                                          transition-duration: 60ms;
                                          transition-timing-function: ease-out;
                                          height: 38px;
                                          min-width: 38px;
                                          position: relative;
                                          border-width: 0px;
                                          outline: none;
                                          color: inherit;
                                          background-color: transparent;
                                        "
                                      >
                                        <div
                                          class="q-flex qu-alignItems--center qu-justifyContent--center"
                                          style="
                                            display: flex;
                                            max-width: 100%;
                                            transition-property: opacity;
                                            transition-duration: 60ms;
                                            transition-timing-function: ease-in-out;
                                          "
                                        >
                                          <div
                                            class="q-box qu-display--inline-flex"
                                            style="
                                              transition-property: transform;
                                              transition-timing-function: cubic-bezier(
                                                0.23,
                                                0.19,
                                                0.1,
                                                1.34
                                              );
                                              transition-delay: 0ms;
                                              transition-duration: 0ms;
                                            "
                                          >
                                            <span
                                              class="q-inlineBlock qu-width--24 qu-height--24"
                                              width="24"
                                              height="24"
                                              style="
                                                display: inline-block;
                                                flex-shrink: 0;
                                                line-height: 24px;
                                              "
                                              ><span
                                                class="c8lvhxo c1qi64n3 c13dhsxm"
                                                style="
                                                  width: 24px;
                                                  height: 24px;
                                                  --strokeColor: var(
                                                    --q-colors-text-gray
                                                  );
                                                  --fillColor: var(
                                                    --q-colors-text-gray
                                                  );
                                                  --strokeWidth: 1.5;
                                                "
                                                ><svg
                                                  width="24"
                                                  height="24"
                                                  viewBox="0 0 24 24"
                                                  xmlns="http://www.w3.org/2000/svg"
                                                >
                                                  <path
                                                    d="m16.243 7.757-8.486 8.486m8.486 0L7.757 7.757"
                                                    class="icon_svg-stroke"
                                                    fill="none"
                                                    fill-rule="evenodd"
                                                    stroke-linecap="round"
                                                    stroke="#666"
                                                    stroke-width="1.5"
                                                  ></path></svg></span
                                            ></span>
                                          </div>
                                        </div>
                                      </button>
                                    </div>
                                  </div>
                                </span>
                              </div>
                            </li>
                          </div>
                        </div>
                      </div>
                      <div class="q-box">
                        <div class="q-box">
                          <div>
                            <li
                              class="q-click-wrapper c1nud10e c1do4mvu qu-borderAll qu-flex--none qu-borderRadius--medium qu-mr--small qu-display--inline-block qu-bg--raised qu-tapHighlight--white qu-cursor--pointer qu-hover--borderColor--gray_medium"
                              height="208"
                              width="160px"
                              tabindex="0"
                              style="
                                font: inherit;
                                padding: 0px;
                                transition-property: opacity;
                                transition-duration: 180ms;
                                transition-timing-function: ease-in-out;
                                position: relative;
                                height: 208px;
                                list-style: none;
                                width: 160px;
                                color: inherit;
                                text-align: inherit;
                              "
                            >
                              <div
                                class="q-flex qu-flexDirection--column qu-textAlign--center"
                                height="100%"
                                style="display: flex; height: 100%"
                              >
                                <div class="q-box qu-mt--small">
                                  <a
                                    class="q-box qu-display--inline-flex qu-cursor--pointer qu-hover--textDecoration--underline b2c1r2a puppeteer_test_link"
                                    href="https://www.quora.com/topic/Portable-Devices"
                                    target="_blank"
                                    style="border-radius: inherit"
                                  >
                                    <div
                                      class="q-inlineFlex qu-flex--none"
                                      style="
                                        display: inline-flex;
                                        position: relative;
                                      "
                                    >
                                      <div
                                        class="q-inlineFlex"
                                        style="
                                          display: inline-flex;
                                          position: relative;
                                        "
                                      >
                                        <div
                                          class="q-inlineFlex qu-overflow--hidden qu-borderRadius--small"
                                          style="
                                            display: inline-flex;
                                            position: relative;
                                          "
                                        >
                                          <div
                                            class="q-box qu-borderRadius--small"
                                            style="
                                              position: absolute;
                                              inset: 1px;
                                            "
                                          ></div>
                                          <img
                                            class="q-image qu-display--block qu-size--60 qu-minWidth--60 qu-bg--white__ignore_dark_mode"
                                            src="https://qsf.cf2.quoracdn.net/-4-images.missing_photo.topic_icon_grey_filled.png-26-888a1612102f8cd5.png"
                                            size="60"
                                            alt="Icon for Portable Devices"
                                            style="
                                              max-width: 100%;
                                              position: relative;
                                            "
                                          />
                                          <div
                                            class="q-box qu-borderRadius--small qu-borderAll qu-borderColor--darken"
                                            style="
                                              position: absolute;
                                              inset: 0px;
                                            "
                                          ></div>
                                          <div
                                            class="q-absolute qu-fullX qu-fullY qu-borderAll qu-borderColor--darken qu-borderRadius--small avlofet"
                                            style="
                                              position: absolute;
                                              z-index: 1;
                                            "
                                          ></div>
                                        </div>
                                      </div>
                                    </div>
                                  </a>
                                </div>
                                <div
                                  class="q-box qu-pt--tiny qu-px--small qu-pb--small"
                                  style="min-height: 38px; flex-grow: 1"
                                >
                                  <div
                                    class="q-text qu-dynamicFontSize--small qu-bold qu-truncateLines--2"
                                  >
                                    <a
                                      class="q-box qu-cursor--pointer qu-hover--textDecoration--underline b2c1r2a puppeteer_test_link"
                                      href="https://www.quora.com/topic/Portable-Devices"
                                      target="_blank"
                                      style="
                                        -webkit-tap-highlight-color: transparent;
                                        border-radius: inherit;
                                      "
                                      ><span
                                        class="q-text qu-wordBreak--break-word"
                                        ><span
                                          ><span>Portable Devices</span></span
                                        ></span
                                      ></a
                                    >
                                  </div>
                                </div>
                                <div class="q-box" style="margin-top: auto">
                                  <div class="q-box qu-mb--small">
                                    <span
                                      class="q-box"
                                      style="
                                        margin-right: auto;
                                        pointer-events: auto;
                                      "
                                    >
                                      <div class="q-box">
                                        <button
                                          class="q-click-wrapper b1l8alrs bobc9nh b1cg7ppz c1nud10e qu-active--textDecoration--none qu-focus--textDecoration--none qu-borderRadius--pill qu-alignItems--center qu-justifyContent--center qu-whiteSpace--nowrap qu-userSelect--none qu-display--inline-flex qu-tapHighlight--white qu-textAlign--center qu-cursor--pointer qu-hover--textDecoration--none qu-hover--bg--blue_light"
                                          height="30"
                                          role="button"
                                          aria-pressed="false"
                                          type="button"
                                          tabindex="0"
                                          style="
                                            font: inherit;
                                            padding: 0px 10px;
                                            transition-property: box-shadow,
                                              background-color;
                                            transition-duration: 60ms;
                                            transition-timing-function: ease-out;
                                            height: 30px;
                                            min-width: 30px;
                                            position: relative;
                                            box-shadow: rgb(46, 105, 255) 0px
                                              0px 0px 1px inset;
                                            --button-hoverBg: blue_light;
                                            --button-activeBg: #d7e1ff;
                                            --button-innerShadow: inset 0 0 0
                                              1px #2e69ff;
                                            border-width: 0px;
                                            outline: none;
                                            color: inherit;
                                            background-color: transparent;
                                          "
                                        >
                                          <div
                                            class="q-flex qu-alignItems--center qu-justifyContent--center"
                                            style="
                                              display: flex;
                                              max-width: 100%;
                                              transition-property: opacity;
                                              transition-duration: 60ms;
                                              transition-timing-function: ease-in-out;
                                            "
                                          >
                                            <div
                                              class="q-box qu-display--inline-flex"
                                              style="
                                                transition-property: transform;
                                                transition-timing-function: cubic-bezier(
                                                  0.23,
                                                  0.19,
                                                  0.1,
                                                  1.34
                                                );
                                                transition-delay: 0ms;
                                                transition-duration: 0ms;
                                              "
                                            >
                                              <span
                                                class="q-inlineBlock qu-width--20 qu-height--20"
                                                width="20"
                                                height="20"
                                                style="
                                                  display: inline-block;
                                                  flex-shrink: 0;
                                                  line-height: 20px;
                                                "
                                                ><span
                                                  class="c8lvhxo c1qi64n3 c13dhsxm"
                                                  style="
                                                    width: 20px;
                                                    height: 20px;
                                                    --strokeColor: var(
                                                      --q-colors-text-blue
                                                    );
                                                    --fillColor: var(
                                                      --q-colors-text-blue
                                                    );
                                                    --strokeWidth: 1.8;
                                                  "
                                                  ><svg
                                                    width="24"
                                                    height="24"
                                                    viewBox="0 0 24 24"
                                                    xmlns="http://www.w3.org/2000/svg"
                                                  >
                                                    <path
                                                      d="M13.5 19.5h-6a3 3 0 0 1-3-3v-9a3 3 0 0 1 3-3h9a3 3 0 0 1 3 3v6M8 12.5v-4h4v4H8zM14.5 9H16h-1.5zm0 3H16h-1.5zM8 15.5h8-8zm9 4h5M19.5 17v5"
                                                      class="icon_svg-stroke"
                                                      stroke="#666"
                                                      stroke-width="1.5"
                                                      fill="none"
                                                      stroke-linecap="round"
                                                      stroke-linejoin="round"
                                                    ></path></svg></span
                                              ></span>
                                            </div>
                                            <div
                                              class="q-text qu-display--inline-flex qu-alignItems--center qu-overflow--hidden puppeteer_test_button_text qu-medium qu-color--blue qu-ml--tiny"
                                              style="font-size: 13px"
                                            >
                                              <div
                                                class="q-text qu-ellipsis qu-whiteSpace--nowrap"
                                                style="line-height: normal"
                                              >
                                                Follow
                                              </div>
                                              <div
                                                class="q-box qu-display--inline-block qu-mx--tiny"
                                                style="opacity: 0.5"
                                              >
                                                ·
                                              </div>
                                            </div>
                                            <div
                                              class="q-text qu-overflow--hidden qu-display--inline-flex qu-color--blue"
                                              style="
                                                position: relative;
                                                opacity: 0.8;
                                                flex-shrink: 0;
                                              "
                                            >
                                              <span
                                                class="q-text qu-visibility--hidden qu-display--inline-flex"
                                                style="
                                                  font-size: 13px;
                                                  opacity: 0;
                                                "
                                                >99</span
                                              ><span
                                                class="q-text qu-whiteSpace--nowrap qu-display--inline-flex qu-alignItems--center qu-justifyContent--center"
                                                height="100%"
                                                style="
                                                  font-size: 13px;
                                                  position: absolute;
                                                  top: 0px;
                                                  left: 0px;
                                                  right: 0px;
                                                  height: 100%;
                                                  transition-property: transform,
                                                    opacity;
                                                  transition-duration: 250ms;
                                                  transition-timing-function: cubic-bezier(
                                                    0.25,
                                                    0.46,
                                                    0.45,
                                                    0.94
                                                  );
                                                  transition-delay: 0ms;
                                                "
                                                >60</span
                                              >
                                            </div>
                                          </div>
                                        </button>
                                      </div>
                                    </span>
                                  </div>
                                </div>
                              </div>
                              <div
                                class="q-absolute"
                                style="position: absolute; right: 0px; top: 0px"
                              >
                                <span
                                  class="q-box"
                                  style="
                                    margin-right: auto;
                                    pointer-events: auto;
                                  "
                                >
                                  <div
                                    class="q-box qu-display--inline-block"
                                    tabindex="0"
                                    style="pointer-events: all"
                                  >
                                    <div
                                      class="q-relative puppeteer_popper_reference"
                                      style="position: relative"
                                    >
                                      <button
                                        class="q-click-wrapper b10gcu9l bobc9nh b1cg7ppz c1nud10e qu-active--bg--darken qu-borderRadius--pill qu-alignItems--center qu-justifyContent--center qu-whiteSpace--nowrap qu-userSelect--none qu-display--inline-flex qu-tapHighlight--white qu-textAlign--center qu-cursor--pointer qu-hover--bg--darken"
                                        height="38"
                                        role="button"
                                        aria-label="Hide this card"
                                        tabindex="0"
                                        style="
                                          font: inherit;
                                          padding: 0px 6px;
                                          transition-property: box-shadow,
                                            background-color;
                                          transition-duration: 60ms;
                                          transition-timing-function: ease-out;
                                          height: 38px;
                                          min-width: 38px;
                                          position: relative;
                                          border-width: 0px;
                                          outline: none;
                                          color: inherit;
                                          background-color: transparent;
                                        "
                                      >
                                        <div
                                          class="q-flex qu-alignItems--center qu-justifyContent--center"
                                          style="
                                            display: flex;
                                            max-width: 100%;
                                            transition-property: opacity;
                                            transition-duration: 60ms;
                                            transition-timing-function: ease-in-out;
                                          "
                                        >
                                          <div
                                            class="q-box qu-display--inline-flex"
                                            style="
                                              transition-property: transform;
                                              transition-timing-function: cubic-bezier(
                                                0.23,
                                                0.19,
                                                0.1,
                                                1.34
                                              );
                                              transition-delay: 0ms;
                                              transition-duration: 0ms;
                                            "
                                          >
                                            <span
                                              class="q-inlineBlock qu-width--24 qu-height--24"
                                              width="24"
                                              height="24"
                                              style="
                                                display: inline-block;
                                                flex-shrink: 0;
                                                line-height: 24px;
                                              "
                                              ><span
                                                class="c8lvhxo c1qi64n3 c13dhsxm"
                                                style="
                                                  width: 24px;
                                                  height: 24px;
                                                  --strokeColor: var(
                                                    --q-colors-text-gray
                                                  );
                                                  --fillColor: var(
                                                    --q-colors-text-gray
                                                  );
                                                  --strokeWidth: 1.5;
                                                "
                                                ><svg
                                                  width="24"
                                                  height="24"
                                                  viewBox="0 0 24 24"
                                                  xmlns="http://www.w3.org/2000/svg"
                                                >
                                                  <path
                                                    d="m16.243 7.757-8.486 8.486m8.486 0L7.757 7.757"
                                                    class="icon_svg-stroke"
                                                    fill="none"
                                                    fill-rule="evenodd"
                                                    stroke-linecap="round"
                                                    stroke="#666"
                                                    stroke-width="1.5"
                                                  ></path></svg></span
                                            ></span>
                                          </div>
                                        </div>
                                      </button>
                                    </div>
                                  </div>
                                </span>
                              </div>
                            </li>
                          </div>
                        </div>
                      </div>
                      <div class="q-box">
                        <div class="q-box">
                          <div>
                            <li
                              class="q-click-wrapper c1nud10e c1do4mvu qu-borderAll qu-flex--none qu-borderRadius--medium qu-mr--small qu-display--inline-block qu-bg--raised qu-tapHighlight--white qu-cursor--pointer qu-hover--borderColor--gray_medium"
                              height="208"
                              width="160px"
                              tabindex="0"
                              style="
                                font: inherit;
                                padding: 0px;
                                transition-property: opacity;
                                transition-duration: 180ms;
                                transition-timing-function: ease-in-out;
                                position: relative;
                                height: 208px;
                                list-style: none;
                                width: 160px;
                                color: inherit;
                                text-align: inherit;
                              "
                            >
                              <div
                                class="q-flex qu-flexDirection--column qu-textAlign--center"
                                height="100%"
                                style="display: flex; height: 100%"
                              >
                                <div class="q-box qu-mt--small">
                                  <a
                                    class="q-box qu-display--inline-flex qu-cursor--pointer qu-hover--textDecoration--underline b2c1r2a puppeteer_test_link"
                                    href="https://www.quora.com/topic/Android-Mobile-6"
                                    target="_blank"
                                    style="border-radius: inherit"
                                  >
                                    <div
                                      class="q-inlineFlex qu-flex--none"
                                      style="
                                        display: inline-flex;
                                        position: relative;
                                      "
                                    >
                                      <div
                                        class="q-inlineFlex"
                                        style="
                                          display: inline-flex;
                                          position: relative;
                                        "
                                      >
                                        <div
                                          class="q-inlineFlex qu-overflow--hidden qu-borderRadius--small"
                                          style="
                                            display: inline-flex;
                                            position: relative;
                                          "
                                        >
                                          <div
                                            class="q-box qu-borderRadius--small"
                                            style="
                                              position: absolute;
                                              inset: 1px;
                                            "
                                          ></div>
                                          <img
                                            class="q-image qu-display--block qu-size--60 qu-minWidth--60 qu-bg--white__ignore_dark_mode"
                                            src="https://qsf.cf2.quoracdn.net/-4-images.missing_photo.topic_icon_grey_filled.png-26-888a1612102f8cd5.png"
                                            size="60"
                                            alt="Icon for Android Mobile"
                                            style="
                                              max-width: 100%;
                                              position: relative;
                                            "
                                          />
                                          <div
                                            class="q-box qu-borderRadius--small qu-borderAll qu-borderColor--darken"
                                            style="
                                              position: absolute;
                                              inset: 0px;
                                            "
                                          ></div>
                                          <div
                                            class="q-absolute qu-fullX qu-fullY qu-borderAll qu-borderColor--darken qu-borderRadius--small avlofet"
                                            style="
                                              position: absolute;
                                              z-index: 1;
                                            "
                                          ></div>
                                        </div>
                                      </div>
                                    </div>
                                  </a>
                                </div>
                                <div
                                  class="q-box qu-pt--tiny qu-px--small qu-pb--small"
                                  style="min-height: 38px; flex-grow: 1"
                                >
                                  <div
                                    class="q-text qu-dynamicFontSize--small qu-bold qu-truncateLines--2"
                                  >
                                    <a
                                      class="q-box qu-cursor--pointer qu-hover--textDecoration--underline b2c1r2a puppeteer_test_link"
                                      href="https://www.quora.com/topic/Android-Mobile-6"
                                      target="_blank"
                                      style="
                                        -webkit-tap-highlight-color: transparent;
                                        border-radius: inherit;
                                      "
                                      ><span
                                        class="q-text qu-wordBreak--break-word"
                                        ><span
                                          ><span>Android Mobile</span></span
                                        ></span
                                      ></a
                                    >
                                  </div>
                                </div>
                                <div class="q-box" style="margin-top: auto">
                                  <div class="q-box qu-mb--small">
                                    <span
                                      class="q-box"
                                      style="
                                        margin-right: auto;
                                        pointer-events: auto;
                                      "
                                    >
                                      <div class="q-box">
                                        <button
                                          class="q-click-wrapper b1l8alrs bobc9nh b1cg7ppz c1nud10e qu-active--textDecoration--none qu-focus--textDecoration--none qu-borderRadius--pill qu-alignItems--center qu-justifyContent--center qu-whiteSpace--nowrap qu-userSelect--none qu-display--inline-flex qu-tapHighlight--white qu-textAlign--center qu-cursor--pointer qu-hover--textDecoration--none qu-hover--bg--blue_light"
                                          height="30"
                                          role="button"
                                          aria-pressed="false"
                                          type="button"
                                          tabindex="0"
                                          style="
                                            font: inherit;
                                            padding: 0px 10px;
                                            transition-property: box-shadow,
                                              background-color;
                                            transition-duration: 60ms;
                                            transition-timing-function: ease-out;
                                            height: 30px;
                                            min-width: 30px;
                                            position: relative;
                                            box-shadow: rgb(46, 105, 255) 0px
                                              0px 0px 1px inset;
                                            --button-hoverBg: blue_light;
                                            --button-activeBg: #d7e1ff;
                                            --button-innerShadow: inset 0 0 0
                                              1px #2e69ff;
                                            border-width: 0px;
                                            outline: none;
                                            color: inherit;
                                            background-color: transparent;
                                          "
                                        >
                                          <div
                                            class="q-flex qu-alignItems--center qu-justifyContent--center"
                                            style="
                                              display: flex;
                                              max-width: 100%;
                                              transition-property: opacity;
                                              transition-duration: 60ms;
                                              transition-timing-function: ease-in-out;
                                            "
                                          >
                                            <div
                                              class="q-box qu-display--inline-flex"
                                              style="
                                                transition-property: transform;
                                                transition-timing-function: cubic-bezier(
                                                  0.23,
                                                  0.19,
                                                  0.1,
                                                  1.34
                                                );
                                                transition-delay: 0ms;
                                                transition-duration: 0ms;
                                              "
                                            >
                                              <span
                                                class="q-inlineBlock qu-width--20 qu-height--20"
                                                width="20"
                                                height="20"
                                                style="
                                                  display: inline-block;
                                                  flex-shrink: 0;
                                                  line-height: 20px;
                                                "
                                                ><span
                                                  class="c8lvhxo c1qi64n3 c13dhsxm"
                                                  style="
                                                    width: 20px;
                                                    height: 20px;
                                                    --strokeColor: var(
                                                      --q-colors-text-blue
                                                    );
                                                    --fillColor: var(
                                                      --q-colors-text-blue
                                                    );
                                                    --strokeWidth: 1.8;
                                                  "
                                                  ><svg
                                                    width="24"
                                                    height="24"
                                                    viewBox="0 0 24 24"
                                                    xmlns="http://www.w3.org/2000/svg"
                                                  >
                                                    <path
                                                      d="M13.5 19.5h-6a3 3 0 0 1-3-3v-9a3 3 0 0 1 3-3h9a3 3 0 0 1 3 3v6M8 12.5v-4h4v4H8zM14.5 9H16h-1.5zm0 3H16h-1.5zM8 15.5h8-8zm9 4h5M19.5 17v5"
                                                      class="icon_svg-stroke"
                                                      stroke="#666"
                                                      stroke-width="1.5"
                                                      fill="none"
                                                      stroke-linecap="round"
                                                      stroke-linejoin="round"
                                                    ></path></svg></span
                                              ></span>
                                            </div>
                                            <div
                                              class="q-text qu-display--inline-flex qu-alignItems--center qu-overflow--hidden puppeteer_test_button_text qu-medium qu-color--blue qu-ml--tiny"
                                              style="font-size: 13px"
                                            >
                                              <div
                                                class="q-text qu-ellipsis qu-whiteSpace--nowrap"
                                                style="line-height: normal"
                                              >
                                                Follow
                                              </div>
                                              <div
                                                class="q-box qu-display--inline-block qu-mx--tiny"
                                                style="opacity: 0.5"
                                              >
                                                ·
                                              </div>
                                            </div>
                                            <div
                                              class="q-text qu-overflow--hidden qu-display--inline-flex qu-color--blue"
                                              style="
                                                position: relative;
                                                opacity: 0.8;
                                                flex-shrink: 0;
                                              "
                                            >
                                              <span
                                                class="q-text qu-visibility--hidden qu-display--inline-flex"
                                                style="
                                                  font-size: 13px;
                                                  opacity: 0;
                                                "
                                                >99</span
                                              ><span
                                                class="q-text qu-whiteSpace--nowrap qu-display--inline-flex qu-alignItems--center qu-justifyContent--center"
                                                height="100%"
                                                style="
                                                  font-size: 13px;
                                                  position: absolute;
                                                  top: 0px;
                                                  left: 0px;
                                                  right: 0px;
                                                  height: 100%;
                                                  transition-property: transform,
                                                    opacity;
                                                  transition-duration: 250ms;
                                                  transition-timing-function: cubic-bezier(
                                                    0.25,
                                                    0.46,
                                                    0.45,
                                                    0.94
                                                  );
                                                  transition-delay: 0ms;
                                                "
                                                >90</span
                                              >
                                            </div>
                                          </div>
                                        </button>
                                      </div>
                                    </span>
                                  </div>
                                </div>
                              </div>
                              <div
                                class="q-absolute"
                                style="position: absolute; right: 0px; top: 0px"
                              >
                                <span
                                  class="q-box"
                                  style="
                                    margin-right: auto;
                                    pointer-events: auto;
                                  "
                                >
                                  <div
                                    class="q-box qu-display--inline-block"
                                    tabindex="0"
                                    style="pointer-events: all"
                                  >
                                    <div
                                      class="q-relative puppeteer_popper_reference"
                                      style="position: relative"
                                    >
                                      <button
                                        class="q-click-wrapper b10gcu9l bobc9nh b1cg7ppz c1nud10e qu-active--bg--darken qu-borderRadius--pill qu-alignItems--center qu-justifyContent--center qu-whiteSpace--nowrap qu-userSelect--none qu-display--inline-flex qu-tapHighlight--white qu-textAlign--center qu-cursor--pointer qu-hover--bg--darken"
                                        height="38"
                                        role="button"
                                        aria-label="Hide this card"
                                        tabindex="0"
                                        style="
                                          font: inherit;
                                          padding: 0px 6px;
                                          transition-property: box-shadow,
                                            background-color;
                                          transition-duration: 60ms;
                                          transition-timing-function: ease-out;
                                          height: 38px;
                                          min-width: 38px;
                                          position: relative;
                                          border-width: 0px;
                                          outline: none;
                                          color: inherit;
                                          background-color: transparent;
                                        "
                                      >
                                        <div
                                          class="q-flex qu-alignItems--center qu-justifyContent--center"
                                          style="
                                            display: flex;
                                            max-width: 100%;
                                            transition-property: opacity;
                                            transition-duration: 60ms;
                                            transition-timing-function: ease-in-out;
                                          "
                                        >
                                          <div
                                            class="q-box qu-display--inline-flex"
                                            style="
                                              transition-property: transform;
                                              transition-timing-function: cubic-bezier(
                                                0.23,
                                                0.19,
                                                0.1,
                                                1.34
                                              );
                                              transition-delay: 0ms;
                                              transition-duration: 0ms;
                                            "
                                          >
                                            <span
                                              class="q-inlineBlock qu-width--24 qu-height--24"
                                              width="24"
                                              height="24"
                                              style="
                                                display: inline-block;
                                                flex-shrink: 0;
                                                line-height: 24px;
                                              "
                                              ><span
                                                class="c8lvhxo c1qi64n3 c13dhsxm"
                                                style="
                                                  width: 24px;
                                                  height: 24px;
                                                  --strokeColor: var(
                                                    --q-colors-text-gray
                                                  );
                                                  --fillColor: var(
                                                    --q-colors-text-gray
                                                  );
                                                  --strokeWidth: 1.5;
                                                "
                                                ><svg
                                                  width="24"
                                                  height="24"
                                                  viewBox="0 0 24 24"
                                                  xmlns="http://www.w3.org/2000/svg"
                                                >
                                                  <path
                                                    d="m16.243 7.757-8.486 8.486m8.486 0L7.757 7.757"
                                                    class="icon_svg-stroke"
                                                    fill="none"
                                                    fill-rule="evenodd"
                                                    stroke-linecap="round"
                                                    stroke="#666"
                                                    stroke-width="1.5"
                                                  ></path></svg></span
                                            ></span>
                                          </div>
                                        </div>
                                      </button>
                                    </div>
                                  </div>
                                </span>
                              </div>
                            </li>
                          </div>
                        </div>
                      </div>
                      <div class="q-box">
                        <div class="q-box">
                          <div>
                            <li
                              class="q-click-wrapper c1nud10e c1do4mvu qu-borderAll qu-flex--none qu-borderRadius--medium qu-mr--small qu-display--inline-block qu-bg--raised qu-tapHighlight--white qu-cursor--pointer qu-hover--borderColor--gray_medium"
                              height="208"
                              width="160px"
                              tabindex="0"
                              style="
                                font: inherit;
                                padding: 0px;
                                transition-property: opacity;
                                transition-duration: 180ms;
                                transition-timing-function: ease-in-out;
                                position: relative;
                                height: 208px;
                                list-style: none;
                                width: 160px;
                                color: inherit;
                                text-align: inherit;
                              "
                            >
                              <div
                                class="q-flex qu-flexDirection--column qu-textAlign--center"
                                height="100%"
                                style="display: flex; height: 100%"
                              >
                                <div class="q-box qu-mt--small">
                                  <a
                                    class="q-box qu-display--inline-flex qu-cursor--pointer qu-hover--textDecoration--underline b2c1r2a puppeteer_test_link"
                                    href="https://www.quora.com/topic/Android-Technology"
                                    target="_blank"
                                    style="border-radius: inherit"
                                  >
                                    <div
                                      class="q-inlineFlex qu-flex--none"
                                      style="
                                        display: inline-flex;
                                        position: relative;
                                      "
                                    >
                                      <div
                                        class="q-inlineFlex"
                                        style="
                                          display: inline-flex;
                                          position: relative;
                                        "
                                      >
                                        <div
                                          class="q-inlineFlex qu-overflow--hidden qu-borderRadius--small"
                                          style="
                                            display: inline-flex;
                                            position: relative;
                                          "
                                        >
                                          <div
                                            class="q-box qu-borderRadius--small"
                                            style="
                                              position: absolute;
                                              inset: 1px;
                                            "
                                          ></div>
                                          <img
                                            class="q-image qu-display--block qu-size--60 qu-minWidth--60 qu-bg--white__ignore_dark_mode"
                                            src="https://qsf.cf2.quoracdn.net/-4-images.missing_photo.topic_icon_grey_filled.png-26-888a1612102f8cd5.png"
                                            size="60"
                                            alt="Icon for Android Technology"
                                            style="
                                              max-width: 100%;
                                              position: relative;
                                            "
                                          />
                                          <div
                                            class="q-box qu-borderRadius--small qu-borderAll qu-borderColor--darken"
                                            style="
                                              position: absolute;
                                              inset: 0px;
                                            "
                                          ></div>
                                          <div
                                            class="q-absolute qu-fullX qu-fullY qu-borderAll qu-borderColor--darken qu-borderRadius--small avlofet"
                                            style="
                                              position: absolute;
                                              z-index: 1;
                                            "
                                          ></div>
                                        </div>
                                      </div>
                                    </div>
                                  </a>
                                </div>
                                <div
                                  class="q-box qu-pt--tiny qu-px--small qu-pb--small"
                                  style="min-height: 38px; flex-grow: 1"
                                >
                                  <div
                                    class="q-text qu-dynamicFontSize--small qu-bold qu-truncateLines--2"
                                  >
                                    <a
                                      class="q-box qu-cursor--pointer qu-hover--textDecoration--underline b2c1r2a puppeteer_test_link"
                                      href="https://www.quora.com/topic/Android-Technology"
                                      target="_blank"
                                      style="
                                        -webkit-tap-highlight-color: transparent;
                                        border-radius: inherit;
                                      "
                                      ><span
                                        class="q-text qu-wordBreak--break-word"
                                        ><span
                                          ><span>Android Technology</span></span
                                        ></span
                                      ></a
                                    >
                                  </div>
                                </div>
                                <div class="q-box" style="margin-top: auto">
                                  <div class="q-box qu-mb--small">
                                    <span
                                      class="q-box"
                                      style="
                                        margin-right: auto;
                                        pointer-events: auto;
                                      "
                                    >
                                      <div class="q-box">
                                        <button
                                          class="q-click-wrapper b1l8alrs bobc9nh b1cg7ppz c1nud10e qu-active--textDecoration--none qu-focus--textDecoration--none qu-borderRadius--pill qu-alignItems--center qu-justifyContent--center qu-whiteSpace--nowrap qu-userSelect--none qu-display--inline-flex qu-tapHighlight--white qu-textAlign--center qu-cursor--pointer qu-hover--textDecoration--none qu-hover--bg--blue_light"
                                          height="30"
                                          role="button"
                                          aria-pressed="false"
                                          type="button"
                                          tabindex="0"
                                          style="
                                            font: inherit;
                                            padding: 0px 10px;
                                            transition-property: box-shadow,
                                              background-color;
                                            transition-duration: 60ms;
                                            transition-timing-function: ease-out;
                                            height: 30px;
                                            min-width: 30px;
                                            position: relative;
                                            box-shadow: rgb(46, 105, 255) 0px
                                              0px 0px 1px inset;
                                            --button-hoverBg: blue_light;
                                            --button-activeBg: #d7e1ff;
                                            --button-innerShadow: inset 0 0 0
                                              1px #2e69ff;
                                            border-width: 0px;
                                            outline: none;
                                            color: inherit;
                                            background-color: transparent;
                                          "
                                        >
                                          <div
                                            class="q-flex qu-alignItems--center qu-justifyContent--center"
                                            style="
                                              display: flex;
                                              max-width: 100%;
                                              transition-property: opacity;
                                              transition-duration: 60ms;
                                              transition-timing-function: ease-in-out;
                                            "
                                          >
                                            <div
                                              class="q-box qu-display--inline-flex"
                                              style="
                                                transition-property: transform;
                                                transition-timing-function: cubic-bezier(
                                                  0.23,
                                                  0.19,
                                                  0.1,
                                                  1.34
                                                );
                                                transition-delay: 0ms;
                                                transition-duration: 0ms;
                                              "
                                            >
                                              <span
                                                class="q-inlineBlock qu-width--20 qu-height--20"
                                                width="20"
                                                height="20"
                                                style="
                                                  display: inline-block;
                                                  flex-shrink: 0;
                                                  line-height: 20px;
                                                "
                                                ><span
                                                  class="c8lvhxo c1qi64n3 c13dhsxm"
                                                  style="
                                                    width: 20px;
                                                    height: 20px;
                                                    --strokeColor: var(
                                                      --q-colors-text-blue
                                                    );
                                                    --fillColor: var(
                                                      --q-colors-text-blue
                                                    );
                                                    --strokeWidth: 1.8;
                                                  "
                                                  ><svg
                                                    width="24"
                                                    height="24"
                                                    viewBox="0 0 24 24"
                                                    xmlns="http://www.w3.org/2000/svg"
                                                  >
                                                    <path
                                                      d="M13.5 19.5h-6a3 3 0 0 1-3-3v-9a3 3 0 0 1 3-3h9a3 3 0 0 1 3 3v6M8 12.5v-4h4v4H8zM14.5 9H16h-1.5zm0 3H16h-1.5zM8 15.5h8-8zm9 4h5M19.5 17v5"
                                                      class="icon_svg-stroke"
                                                      stroke="#666"
                                                      stroke-width="1.5"
                                                      fill="none"
                                                      stroke-linecap="round"
                                                      stroke-linejoin="round"
                                                    ></path></svg></span
                                              ></span>
                                            </div>
                                            <div
                                              class="q-text qu-display--inline-flex qu-alignItems--center qu-overflow--hidden puppeteer_test_button_text qu-medium qu-color--blue qu-ml--tiny"
                                              style="font-size: 13px"
                                            >
                                              <div
                                                class="q-text qu-ellipsis qu-whiteSpace--nowrap"
                                                style="line-height: normal"
                                              >
                                                Follow
                                              </div>
                                              <div
                                                class="q-box qu-display--inline-block qu-mx--tiny"
                                                style="opacity: 0.5"
                                              >
                                                ·
                                              </div>
                                            </div>
                                            <div
                                              class="q-text qu-overflow--hidden qu-display--inline-flex qu-color--blue"
                                              style="
                                                position: relative;
                                                opacity: 0.8;
                                                flex-shrink: 0;
                                              "
                                            >
                                              <span
                                                class="q-text qu-visibility--hidden qu-display--inline-flex"
                                                style="
                                                  font-size: 13px;
                                                  opacity: 0;
                                                "
                                                >999</span
                                              ><span
                                                class="q-text qu-whiteSpace--nowrap qu-display--inline-flex qu-alignItems--center qu-justifyContent--center"
                                                height="100%"
                                                style="
                                                  font-size: 13px;
                                                  position: absolute;
                                                  top: 0px;
                                                  left: 0px;
                                                  right: 0px;
                                                  height: 100%;
                                                  transition-property: transform,
                                                    opacity;
                                                  transition-duration: 250ms;
                                                  transition-timing-function: cubic-bezier(
                                                    0.25,
                                                    0.46,
                                                    0.45,
                                                    0.94
                                                  );
                                                  transition-delay: 0ms;
                                                "
                                                >397</span
                                              >
                                            </div>
                                          </div>
                                        </button>
                                      </div>
                                    </span>
                                  </div>
                                </div>
                              </div>
                              <div
                                class="q-absolute"
                                style="position: absolute; right: 0px; top: 0px"
                              >
                                <span
                                  class="q-box"
                                  style="
                                    margin-right: auto;
                                    pointer-events: auto;
                                  "
                                >
                                  <div
                                    class="q-box qu-display--inline-block"
                                    tabindex="0"
                                    style="pointer-events: all"
                                  >
                                    <div
                                      class="q-relative puppeteer_popper_reference"
                                      style="position: relative"
                                    >
                                      <button
                                        class="q-click-wrapper b10gcu9l bobc9nh b1cg7ppz c1nud10e qu-active--bg--darken qu-borderRadius--pill qu-alignItems--center qu-justifyContent--center qu-whiteSpace--nowrap qu-userSelect--none qu-display--inline-flex qu-tapHighlight--white qu-textAlign--center qu-cursor--pointer qu-hover--bg--darken"
                                        height="38"
                                        role="button"
                                        aria-label="Hide this card"
                                        tabindex="0"
                                        style="
                                          font: inherit;
                                          padding: 0px 6px;
                                          transition-property: box-shadow,
                                            background-color;
                                          transition-duration: 60ms;
                                          transition-timing-function: ease-out;
                                          height: 38px;
                                          min-width: 38px;
                                          position: relative;
                                          border-width: 0px;
                                          outline: none;
                                          color: inherit;
                                          background-color: transparent;
                                        "
                                      >
                                        <div
                                          class="q-flex qu-alignItems--center qu-justifyContent--center"
                                          style="
                                            display: flex;
                                            max-width: 100%;
                                            transition-property: opacity;
                                            transition-duration: 60ms;
                                            transition-timing-function: ease-in-out;
                                          "
                                        >
                                          <div
                                            class="q-box qu-display--inline-flex"
                                            style="
                                              transition-property: transform;
                                              transition-timing-function: cubic-bezier(
                                                0.23,
                                                0.19,
                                                0.1,
                                                1.34
                                              );
                                              transition-delay: 0ms;
                                              transition-duration: 0ms;
                                            "
                                          >
                                            <span
                                              class="q-inlineBlock qu-width--24 qu-height--24"
                                              width="24"
                                              height="24"
                                              style="
                                                display: inline-block;
                                                flex-shrink: 0;
                                                line-height: 24px;
                                              "
                                              ><span
                                                class="c8lvhxo c1qi64n3 c13dhsxm"
                                                style="
                                                  width: 24px;
                                                  height: 24px;
                                                  --strokeColor: var(
                                                    --q-colors-text-gray
                                                  );
                                                  --fillColor: var(
                                                    --q-colors-text-gray
                                                  );
                                                  --strokeWidth: 1.5;
                                                "
                                                ><svg
                                                  width="24"
                                                  height="24"
                                                  viewBox="0 0 24 24"
                                                  xmlns="http://www.w3.org/2000/svg"
                                                >
                                                  <path
                                                    d="m16.243 7.757-8.486 8.486m8.486 0L7.757 7.757"
                                                    class="icon_svg-stroke"
                                                    fill="none"
                                                    fill-rule="evenodd"
                                                    stroke-linecap="round"
                                                    stroke="#666"
                                                    stroke-width="1.5"
                                                  ></path></svg></span
                                            ></span>
                                          </div>
                                        </div>
                                      </button>
                                    </div>
                                  </div>
                                </span>
                              </div>
                            </li>
                          </div>
                        </div>
                      </div>
                      <div class="q-box">
                        <div class="q-box">
                          <div>
                            <li
                              class="q-click-wrapper c1nud10e c1do4mvu qu-borderAll qu-flex--none qu-borderRadius--medium qu-mr--small qu-display--inline-block qu-bg--raised qu-tapHighlight--white qu-cursor--pointer qu-hover--borderColor--gray_medium"
                              height="208"
                              width="160px"
                              tabindex="0"
                              style="
                                font: inherit;
                                padding: 0px;
                                transition-property: opacity;
                                transition-duration: 180ms;
                                transition-timing-function: ease-in-out;
                                position: relative;
                                height: 208px;
                                list-style: none;
                                width: 160px;
                                color: inherit;
                                text-align: inherit;
                              "
                            >
                              <div
                                class="q-flex qu-flexDirection--column qu-textAlign--center"
                                height="100%"
                                style="display: flex; height: 100%"
                              >
                                <div class="q-box qu-mt--small">
                                  <a
                                    class="q-box qu-display--inline-flex qu-cursor--pointer qu-hover--textDecoration--underline b2c1r2a puppeteer_test_link"
                                    href="https://www.quora.com/topic/Internet-Technology"
                                    target="_blank"
                                    style="border-radius: inherit"
                                  >
                                    <div
                                      class="q-inlineFlex qu-flex--none"
                                      style="
                                        display: inline-flex;
                                        position: relative;
                                      "
                                    >
                                      <div
                                        class="q-inlineFlex"
                                        style="
                                          display: inline-flex;
                                          position: relative;
                                        "
                                      >
                                        <div
                                          class="q-inlineFlex qu-overflow--hidden qu-borderRadius--small"
                                          style="
                                            display: inline-flex;
                                            position: relative;
                                          "
                                        >
                                          <div
                                            class="q-box qu-borderRadius--small"
                                            style="
                                              position: absolute;
                                              inset: 1px;
                                            "
                                          ></div>
                                          <img
                                            class="q-image qu-display--block qu-size--60 qu-minWidth--60 qu-bg--white__ignore_dark_mode"
                                            src="https://qph.cf2.quoracdn.net/main-thumb-t-1251-100-kuvtayewwsofibcfbxfmzuzuocxhoune.jpeg"
                                            size="60"
                                            alt="Icon for Internet Technology"
                                            style="
                                              max-width: 100%;
                                              position: relative;
                                            "
                                          />
                                          <div
                                            class="q-box qu-borderRadius--small qu-borderAll qu-borderColor--darken"
                                            style="
                                              position: absolute;
                                              inset: 0px;
                                            "
                                          ></div>
                                          <div
                                            class="q-absolute qu-fullX qu-fullY qu-borderAll qu-borderColor--darken qu-borderRadius--small avlofet"
                                            style="
                                              position: absolute;
                                              z-index: 1;
                                            "
                                          ></div>
                                        </div>
                                      </div>
                                    </div>
                                  </a>
                                </div>
                                <div
                                  class="q-box qu-pt--tiny qu-px--small qu-pb--small"
                                  style="min-height: 38px; flex-grow: 1"
                                >
                                  <div
                                    class="q-text qu-dynamicFontSize--small qu-bold qu-truncateLines--2"
                                  >
                                    <a
                                      class="q-box qu-cursor--pointer qu-hover--textDecoration--underline b2c1r2a puppeteer_test_link"
                                      href="https://www.quora.com/topic/Internet-Technology"
                                      target="_blank"
                                      style="
                                        -webkit-tap-highlight-color: transparent;
                                        border-radius: inherit;
                                      "
                                      ><span
                                        class="q-text qu-wordBreak--break-word"
                                        ><span
                                          ><span
                                            >Internet Technology</span
                                          ></span
                                        ></span
                                      ></a
                                    >
                                  </div>
                                </div>
                                <div class="q-box" style="margin-top: auto">
                                  <div class="q-box qu-mb--small">
                                    <span
                                      class="q-box"
                                      style="
                                        margin-right: auto;
                                        pointer-events: auto;
                                      "
                                    >
                                      <div class="q-box">
                                        <button
                                          class="q-click-wrapper b1l8alrs bobc9nh b1cg7ppz c1nud10e qu-active--textDecoration--none qu-focus--textDecoration--none qu-borderRadius--pill qu-alignItems--center qu-justifyContent--center qu-whiteSpace--nowrap qu-userSelect--none qu-display--inline-flex qu-tapHighlight--white qu-textAlign--center qu-cursor--pointer qu-hover--textDecoration--none qu-hover--bg--blue_light"
                                          height="30"
                                          role="button"
                                          aria-pressed="false"
                                          type="button"
                                          tabindex="0"
                                          style="
                                            font: inherit;
                                            padding: 0px 10px;
                                            transition-property: box-shadow,
                                              background-color;
                                            transition-duration: 60ms;
                                            transition-timing-function: ease-out;
                                            height: 30px;
                                            min-width: 30px;
                                            position: relative;
                                            box-shadow: rgb(46, 105, 255) 0px
                                              0px 0px 1px inset;
                                            --button-hoverBg: blue_light;
                                            --button-activeBg: #d7e1ff;
                                            --button-innerShadow: inset 0 0 0
                                              1px #2e69ff;
                                            border-width: 0px;
                                            outline: none;
                                            color: inherit;
                                            background-color: transparent;
                                          "
                                        >
                                          <div
                                            class="q-flex qu-alignItems--center qu-justifyContent--center"
                                            style="
                                              display: flex;
                                              max-width: 100%;
                                              transition-property: opacity;
                                              transition-duration: 60ms;
                                              transition-timing-function: ease-in-out;
                                            "
                                          >
                                            <div
                                              class="q-box qu-display--inline-flex"
                                              style="
                                                transition-property: transform;
                                                transition-timing-function: cubic-bezier(
                                                  0.23,
                                                  0.19,
                                                  0.1,
                                                  1.34
                                                );
                                                transition-delay: 0ms;
                                                transition-duration: 0ms;
                                              "
                                            >
                                              <span
                                                class="q-inlineBlock qu-width--20 qu-height--20"
                                                width="20"
                                                height="20"
                                                style="
                                                  display: inline-block;
                                                  flex-shrink: 0;
                                                  line-height: 20px;
                                                "
                                                ><span
                                                  class="c8lvhxo c1qi64n3 c13dhsxm"
                                                  style="
                                                    width: 20px;
                                                    height: 20px;
                                                    --strokeColor: var(
                                                      --q-colors-text-blue
                                                    );
                                                    --fillColor: var(
                                                      --q-colors-text-blue
                                                    );
                                                    --strokeWidth: 1.8;
                                                  "
                                                  ><svg
                                                    width="24"
                                                    height="24"
                                                    viewBox="0 0 24 24"
                                                    xmlns="http://www.w3.org/2000/svg"
                                                  >
                                                    <path
                                                      d="M13.5 19.5h-6a3 3 0 0 1-3-3v-9a3 3 0 0 1 3-3h9a3 3 0 0 1 3 3v6M8 12.5v-4h4v4H8zM14.5 9H16h-1.5zm0 3H16h-1.5zM8 15.5h8-8zm9 4h5M19.5 17v5"
                                                      class="icon_svg-stroke"
                                                      stroke="#666"
                                                      stroke-width="1.5"
                                                      fill="none"
                                                      stroke-linecap="round"
                                                      stroke-linejoin="round"
                                                    ></path></svg></span
                                              ></span>
                                            </div>
                                            <div
                                              class="q-text qu-display--inline-flex qu-alignItems--center qu-overflow--hidden puppeteer_test_button_text qu-medium qu-color--blue qu-ml--tiny"
                                              style="font-size: 13px"
                                            >
                                              <div
                                                class="q-text qu-ellipsis qu-whiteSpace--nowrap"
                                                style="line-height: normal"
                                              >
                                                Follow
                                              </div>
                                              <div
                                                class="q-box qu-display--inline-block qu-mx--tiny"
                                                style="opacity: 0.5"
                                              >
                                                ·
                                              </div>
                                            </div>
                                            <div
                                              class="q-text qu-overflow--hidden qu-display--inline-flex qu-color--blue"
                                              style="
                                                position: relative;
                                                opacity: 0.8;
                                                flex-shrink: 0;
                                              "
                                            >
                                              <span
                                                class="q-text qu-visibility--hidden qu-display--inline-flex"
                                                style="
                                                  font-size: 13px;
                                                  opacity: 0;
                                                "
                                                >999</span
                                              ><span
                                                class="q-text qu-whiteSpace--nowrap qu-display--inline-flex qu-alignItems--center qu-justifyContent--center"
                                                height="100%"
                                                style="
                                                  font-size: 13px;
                                                  position: absolute;
                                                  top: 0px;
                                                  left: 0px;
                                                  right: 0px;
                                                  height: 100%;
                                                  transition-property: transform,
                                                    opacity;
                                                  transition-duration: 250ms;
                                                  transition-timing-function: cubic-bezier(
                                                    0.25,
                                                    0.46,
                                                    0.45,
                                                    0.94
                                                  );
                                                  transition-delay: 0ms;
                                                "
                                                >759</span
                                              >
                                            </div>
                                          </div>
                                        </button>
                                      </div>
                                    </span>
                                  </div>
                                </div>
                              </div>
                              <div
                                class="q-absolute"
                                style="position: absolute; right: 0px; top: 0px"
                              >
                                <span
                                  class="q-box"
                                  style="
                                    margin-right: auto;
                                    pointer-events: auto;
                                  "
                                >
                                  <div
                                    class="q-box qu-display--inline-block"
                                    tabindex="0"
                                    style="pointer-events: all"
                                  >
                                    <div
                                      class="q-relative puppeteer_popper_reference"
                                      style="position: relative"
                                    >
                                      <button
                                        class="q-click-wrapper b10gcu9l bobc9nh b1cg7ppz c1nud10e qu-active--bg--darken qu-borderRadius--pill qu-alignItems--center qu-justifyContent--center qu-whiteSpace--nowrap qu-userSelect--none qu-display--inline-flex qu-tapHighlight--white qu-textAlign--center qu-cursor--pointer qu-hover--bg--darken"
                                        height="38"
                                        role="button"
                                        aria-label="Hide this card"
                                        tabindex="0"
                                        style="
                                          font: inherit;
                                          padding: 0px 6px;
                                          transition-property: box-shadow,
                                            background-color;
                                          transition-duration: 60ms;
                                          transition-timing-function: ease-out;
                                          height: 38px;
                                          min-width: 38px;
                                          position: relative;
                                          border-width: 0px;
                                          outline: none;
                                          color: inherit;
                                          background-color: transparent;
                                        "
                                      >
                                        <div
                                          class="q-flex qu-alignItems--center qu-justifyContent--center"
                                          style="
                                            display: flex;
                                            max-width: 100%;
                                            transition-property: opacity;
                                            transition-duration: 60ms;
                                            transition-timing-function: ease-in-out;
                                          "
                                        >
                                          <div
                                            class="q-box qu-display--inline-flex"
                                            style="
                                              transition-property: transform;
                                              transition-timing-function: cubic-bezier(
                                                0.23,
                                                0.19,
                                                0.1,
                                                1.34
                                              );
                                              transition-delay: 0ms;
                                              transition-duration: 0ms;
                                            "
                                          >
                                            <span
                                              class="q-inlineBlock qu-width--24 qu-height--24"
                                              width="24"
                                              height="24"
                                              style="
                                                display: inline-block;
                                                flex-shrink: 0;
                                                line-height: 24px;
                                              "
                                              ><span
                                                class="c8lvhxo c1qi64n3 c13dhsxm"
                                                style="
                                                  width: 24px;
                                                  height: 24px;
                                                  --strokeColor: var(
                                                    --q-colors-text-gray
                                                  );
                                                  --fillColor: var(
                                                    --q-colors-text-gray
                                                  );
                                                  --strokeWidth: 1.5;
                                                "
                                                ><svg
                                                  width="24"
                                                  height="24"
                                                  viewBox="0 0 24 24"
                                                  xmlns="http://www.w3.org/2000/svg"
                                                >
                                                  <path
                                                    d="m16.243 7.757-8.486 8.486m8.486 0L7.757 7.757"
                                                    class="icon_svg-stroke"
                                                    fill="none"
                                                    fill-rule="evenodd"
                                                    stroke-linecap="round"
                                                    stroke="#666"
                                                    stroke-width="1.5"
                                                  ></path></svg></span
                                            ></span>
                                          </div>
                                        </div>
                                      </button>
                                    </div>
                                  </div>
                                </span>
                              </div>
                            </li>
                          </div>
                        </div>
                      </div>
                    </ul>
                    <div
                      class="q-flex endGutter qu-mx--tiny qu-alignItems--center"
                      width="0"
                      style="display: flex; width: 0px"
                    >
                      <button
                        class="q-flex qu-borderRadius--small qu-bg--gray_ultralight qu-alignItems--center qu-justifyContent--center qu-borderAll qu-borderColor--gray qu-zIndex--action_bar qu-hover--bg--gray qu-hover--borderColor--gray_dark qu-alignSelf--center qu-ml--n_large"
                        height="50px"
                        width="30px"
                        aria-label="Next items"
                        style="
                          display: flex;
                          height: 50px;
                          width: 30px;
                          transition-property: all;
                          transition-duration: 200ms;
                          transition-timing-function: ease-in-out;
                          cursor: pointer;
                          outline: rgb(255, 255, 255) solid 4px;
                        "
                      >
                        <span
                          class="q-inlineBlock qu-width--28 qu-height--28"
                          width="28"
                          height="28"
                          style="
                            display: inline-block;
                            flex-shrink: 0;
                            line-height: 28px;
                          "
                          ><span
                            class="c8lvhxo c1qi64n3 c13dhsxm"
                            style="
                              width: 28px;
                              height: 28px;
                              --strokeColor: var(--q-colors-text-gray_light);
                              --fillColor: var(--q-colors-text-gray_light);
                              --strokeWidth: 1.35;
                            "
                            ><svg
                              width="24"
                              height="24"
                              viewBox="0 0 24 24"
                              xmlns="http://www.w3.org/2000/svg"
                            >
                              <path
                                d="m9 5 7 7-7 7.005"
                                class="icon_svg-stroke"
                                stroke="#666"
                                stroke-width="1.5"
                                fill="none"
                                stroke-linecap="round"
                              ></path></svg></span
                        ></span>
                      </button>
                    </div>
                  </div>
                </div>
              </div>
            </div> -->

            <div
              class="q-flex qu-px--large qu-py--medium qu-alignItems--center qu-justifyContent--center qu-textAlign--center"
              height="auto"
              style="display: flex; background-color: transparent; height: auto"
            >
              <div class="q-box qu-py--large">
                <img
                  class="q-image qu-mb--tiny"
                  src="@/assets/no_answer.png"
                  width="100px"
                  style="max-width: 100%; width: 100px"
                />
                <div
                  class="q-text qu-dynamicFontSize--large qu-bold qu-color--gray qu-mb--tiny"
                >
                  You've reached the end of your feed
                </div>
                <button
                  class="q-click-wrapper b17i7nxr b1l8alrs bobc9nh b1cg7ppz c1nud10e qu-active--textDecoration--none qu-focus--textDecoration--none qu-borderRadius--pill qu-alignItems--center qu-justifyContent--center qu-whiteSpace--nowrap qu-userSelect--none qu-display--inline-flex qu-bg--blue qu-tapHighlight--white qu-textAlign--center qu-cursor--pointer qu-hover--textDecoration--none"
                  height="38"
                  role="button"
                  type="button"
                  tabindex="0"
                  style="
                    font: inherit;
                    padding: 0px 20px;
                    transition-property: box-shadow, background-color;
                    transition-duration: 60ms;
                    transition-timing-function: ease-out;
                    height: 38px;
                    min-width: 38px;
                    position: relative;
                    --button-hoverBg: #1a5aff;
                    --button-activeBg: #064bff;
                    border-width: 0px;
                    outline: none;
                    color: inherit;
                  "
                >
                  <div
                    class="q-flex qu-alignItems--center qu-justifyContent--center"
                    style="
                      display: flex;
                      max-width: 100%;
                      transition-property: opacity;
                      transition-duration: 60ms;
                      transition-timing-function: ease-in-out;
                    "
                  >
                    <div
                      class="q-text qu-display--inline-flex qu-alignItems--center qu-overflow--hidden puppeteer_test_button_text qu-medium qu-color--white"
                      style="font-size: 14px"
                    >
                      <div
                        class="q-text qu-ellipsis qu-whiteSpace--nowrap"
                        style="line-height: normal"
                      >
                        Refresh Page
                      </div>
                    </div>
                  </div>
                </button>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div
        class="q-box"
        width="228"
        style="width: 228px; margin-left: 30px; flex-shrink: 0"
      >
        <div
          class="q-box false"
          height="100%"
          style="
            height: 100%;
            --page-contents-layout-scroll-bar-color: rgba(0, 0, 0, 0.1);
          "
        >
          <div
            class="q-box qu-mb--small qu-borderBottom qu-pt--small qu-pb--small"
            style="background-color: transparent"
          >
            <div class="q-flex qu-alignItems--center" style="display: flex">
              <div class="q-box" style="flex: 1 1 0%">
                <div
                  class="q-text qu-dynamicFontSize--regular qu-medium qu-color--gray_dark qu-passColorToLinks"
                >
                  Topics you know about
                </div>
              </div>
              <div class="q-box qu-ml--small">
                <button
                  class="q-click-wrapper b1l8alrs bobc9nh b1cg7ppz c1nud10e qu-active--textDecoration--none qu-focus--textDecoration--none qu-borderRadius--pill qu-alignItems--center qu-justifyContent--center qu-whiteSpace--nowrap qu-userSelect--none qu-display--inline-flex qu-tapHighlight--white qu-textAlign--center qu-cursor--pointer qu-hover--textDecoration--none qu-hover--bg--darken"
                  height="30"
                  role="button"
                  type="button"
                  tabindex="0"
                  style="
                    font: inherit;
                    padding: 0px;
                    transition-property: box-shadow, background-color;
                    transition-duration: 60ms;
                    transition-timing-function: ease-out;
                    height: 30px;
                    min-width: 30px;
                    position: relative;
                    box-shadow: rgba(99, 100, 102, 0.2) 0px 0px 0px 1px inset;
                    --button-hoverBg: darken;
                    --button-activeBg: rgba(0, 0, 0, 0.03);
                    --button-innerShadow: inset 0 0 0 1px
                      rgba(99, 100, 102, 0.2);
                    border-width: 0px;
                    outline: none;
                    color: inherit;
                    background-color: transparent;
                  "
                >
                  <div
                    class="q-flex qu-alignItems--center qu-justifyContent--center"
                    style="
                      display: flex;
                      max-width: 100%;
                      transition-property: opacity;
                      transition-duration: 60ms;
                      transition-timing-function: ease-in-out;
                    "
                  >
                    <div
                      class="q-box qu-display--inline-flex"
                      style="
                        transition-property: transform;
                        transition-timing-function: cubic-bezier(
                          0.23,
                          0.19,
                          0.1,
                          1.34
                        );
                        transition-delay: 0ms;
                        transition-duration: 0ms;
                      "
                    >
                      <span
                        class="q-inlineBlock qu-width--20 qu-height--20"
                        width="20"
                        height="20"
                        style="
                          display: inline-block;
                          flex-shrink: 0;
                          line-height: 20px;
                        "
                        ><span
                          class="c8lvhxo c1qi64n3 c13dhsxm"
                          style="
                            width: 20px;
                            height: 20px;
                            --strokeColor: var(--q-colors-text-gray);
                            --fillColor: var(--q-colors-text-gray);
                            --strokeWidth: 1.8;
                          "
                          ><svg
                            width="24"
                            height="24"
                            viewBox="0 0 24 24"
                            xmlns="http://www.w3.org/2000/svg"
                          >
                            <g fill="none" fill-rule="evenodd">
                              <path
                                d="M18.571 5.429h0a2 2 0 0 1 0 2.828l-9.9 9.9-4.24 1.416 1.412-4.245 9.9-9.9a2 2 0 0 1 2.828 0Z"
                                class="icon_svg-stroke"
                                stroke="#666"
                                stroke-width="1.5"
                                stroke-linecap="round"
                                stroke-linejoin="round"
                              ></path>
                              <path
                                class="icon_svg-fill_as_stroke"
                                fill="#666"
                                d="m4.429 19.571 2.652-.884-1.768-1.768z"
                              ></path>
                            </g></svg></span
                      ></span>
                    </div>
                  </div>
                </button>
              </div>
            </div>
          </div>
          <div class="q-box qu-mb--small qu-mt--small">
            <div v-for="item in topicsList" :key="item.name">
              <div
                class="q-box qu-color--gray_dark qu-tapHighlight--none qu-display--flex qu-alignItems--center"
                role="listitem"
                style="position: relative"
              >
                <div
                  class="q-flex qu-alignItems--center qu-py--small qu-flex--auto qu-overflow--hidden"
                  style="display: flex"
                >
                  <div
                    class="q-box qu-flex--none qu-display--inline-flex qu-mr--small"
                  >
                    <a
                      class="q-box qu-display--inline-flex qu-cursor--pointer qu-hover--textDecoration--underline b2c1r2a puppeteer_test_link"
                      href="#"
                      target="_blank"
                      style="border-radius: inherit"
                    >
                      <div
                        class="q-inlineFlex qu-flex--none"
                        style="display: inline-flex; position: relative"
                      >
                        <div
                          class="q-inlineFlex"
                          style="display: inline-flex; position: relative"
                        >
                          <div
                            class="q-inlineFlex qu-overflow--hidden qu-borderRadius--small"
                            style="display: inline-flex; position: relative"
                          >
                            <div
                              class="q-box qu-borderRadius--small"
                              style="position: absolute; inset: 1px"
                            ></div>
                            <img
                              class="q-image qu-display--block qu-size--24 qu-minWidth--24 qu-bg--white__ignore_dark_mode"
                              :src="item.icon"
                              size="24"
                              :alt="'Icon for ' + item.name"
                              style="max-width: 100%; position: relative"
                            />
                            <div
                              class="q-box qu-borderRadius--small qu-borderAll qu-borderColor--darken"
                              style="position: absolute; inset: 0px"
                            ></div>
                            <div
                              class="q-absolute qu-fullX qu-fullY qu-borderAll qu-borderColor--darken qu-borderRadius--small avlofet"
                              style="position: absolute; z-index: 1"
                            ></div>
                          </div>
                        </div>
                      </div>
                    </a>
                  </div>
                  <div class="q-box qu-flex--auto qu-overflow--hidden">
                    <div class="q-text qu-color--gray_dark">
                      <div
                        class="q-text qu-dynamicFontSize--small qu-color--gray_dark qu-passColorToLinks"
                      >
                        <a
                          class="q-box qu-cursor--pointer qu-hover--textDecoration--underline b2c1r2a puppeteer_test_link"
                          href="#"
                          target="_blank"
                          style="border-radius: inherit"
                          ><span class="q-text qu-wordBreak--break-word"
                            ><span><span>{{ item.name }}</span></span></span
                          ></a
                        >
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>

          <div
            v-if="topicsList.length === 0"
            class="q-flex qu-px--small qu-py--tiny qu-bg--white qu-alignItems--center qu-justifyContent--center qu-textAlign--center"
            height="auto"
            style="box-sizing: border-box; display: flex; height: auto"
          >
            <div class="q-box qu-py--large" style="box-sizing: border-box">
              <img
                class="q-image qu-mb--tiny"
                src="@/assets/no_answer.png"
                width="50px"
                style="box-sizing: border-box; max-width: 100%; width: 50px"
              />
              <div
                class="q-text qu-dynamicFontSize--regular qu-bold qu-color--gray qu-mb--tiny"
                style="box-sizing: border-box"
              >
                No topics yet
              </div>
              <div
                class="q-text qu-dynamicFontSize--small qu-color--gray qu-mb--large"
                style="box-sizing: border-box"
              >
                You’ll get better questions if you add more specific topics.
              </div>
              <button
                class="q-click-wrapper b1l8alrs bobc9nh b1cg7ppz c1nud10e qu-active--textDecoration--none qu-focus--textDecoration--none qu-borderRadius--pill qu-alignItems--center qu-justifyContent--center qu-whiteSpace--nowrap qu-userSelect--none qu-display--inline-flex qu-tapHighlight--white qu-textAlign--center qu-cursor--pointer qu-hover--textDecoration--none qu-hover--bg--blue_light"
                height="38"
                role="button"
                type="button"
                tabindex="0"
                style="
                  box-sizing: border-box;
                  font: inherit;
                  padding: 0px 20px;
                  transition-property: box-shadow, background-color;
                  transition-duration: 60ms;
                  transition-timing-function: ease-out;
                  height: 38px;
                  min-width: 38px;
                  position: relative;
                  box-shadow: rgb(46, 105, 255) 0px 0px 0px 1px inset;
                  --button-hoverBg: blue_light;
                  --button-activeBg: #d7e1ff;
                  --button-innerShadow: inset 0 0 0 1px #2e69ff;
                  border-width: 0px;
                  outline: none;
                  color: inherit;
                  background-color: transparent;
                "
              >
                <div
                  class="q-flex qu-alignItems--center qu-justifyContent--center"
                  style="
                    box-sizing: border-box;
                    display: flex;
                    max-width: 100%;
                    transition-property: opacity;
                    transition-duration: 60ms;
                    transition-timing-function: ease-in-out;
                  "
                >
                  <div
                    class="q-text qu-display--inline-flex qu-alignItems--center qu-overflow--hidden puppeteer_test_button_text qu-medium qu-color--blue"
                    style="box-sizing: border-box; font-size: 14px"
                  >
                    <div
                      class="q-text qu-ellipsis qu-whiteSpace--nowrap"
                      style="box-sizing: border-box; line-height: normal"
                    >
                      Add topics
                    </div>
                  </div>
                </div>
              </button>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script setup>
import { ref, onMounted } from "vue";
import listItem from "./components/list-item.vue";
import chainIcon from "@/assets/chain.jpeg";

const filters = ref([
  { name: "Questions for you", value: "QuestionsForYou" },
  { name: "Answer requests", value: "AnswerRequests" },
  { name: "Drafts", value: "Drafts" },
  { name: "AI_Interviewer", value: "AI_Interviewer" },
]);

const questionsList = ref([]);

const questionsMoreList = ref([
  {
    id: 4,
    title:
      "What’s one piece of tech you used to rely on but is now completely obsolete for you?",
    answers: 49,
    time: "Last followed 1h",
  },
]);

const questionRelevanceList = ref([
  {
    name: "Road Bicycles",
    description: "Based on your answers",
    list: [
      {
        id: 1,
        title: "What is the typical number of chainrings found on road bikes?",
        answers: 11,
        time: "Last requested 1y",
        follow: 1,
      },
      {
        id: 2,
        title: "What is a good average speed for 20 miles on a bicycle?",
        answers: 13,
        time: "Last followed 7y",
        follow: 1,
      },
      {
        id: 3,
        title: "Is 13 mph fast on a bike?",
        answers: 4,
        time: "Last followed 3y",
        follow: 1,
      },
    ],
  },
]);

const topicsList = ref([
  {
    name: "Chinese (language)",
    icon: chainIcon
  }
])

const active = ref("QuestionsForYou");

const setActiveFilter = (value) => {
  active.value = value;
  getList();
};

const isActiveFilter = (value) => {
  return active.value === value;
};

function getList() {
  questionsList.value = [
    {
      id: 1,
      title: "Why are my arms so sore when I ride my road bike?",
      answers: 11,
      time: "Last followed 8y",
      follow: 1,
    },
    {
      id: 2,
      title:
        "What are the pros and cons of touring bikes in comparison to road bikes?",
      answers: 1,
      time: "Last requested 1y",
      follow: 1,
    },
    {
      id: 3,
      title: "What are some tips for cycling during a triathlon?",
      answers: 0,
      time: "Last requested sun",
    },
  ];
}

function handleMore() {
  console.log("handleMore");
  questionsList.value = [...questionsList.value, ...questionsMoreList.value];
}

onMounted(() => {
  getList();
});
</script>
